AwesomeREA.org

2018 · 会议论文

pix2code：从图形用户界面截图生成代码

pix2code: Generating Code from a Graphical User Interface Screenshot

Tony Beltramelli

学习从界面截图生成领域专用语言（DSL），再编译为原生 Android XML、iOS Storyboard 或网页 HTML/CSS 界面代码。

研究范围与局限

评测采用合成的截图与代码配对，每个平台含 1,500 个训练实例和 250 个测试实例。报告的准确率针对 DSL 词元，不代表完整应用或行为复现成功率。方法忽略文本标签内容，并以相同架构分别训练各平台模型；范围是布局、组件及其关系，不包括应用逻辑或后端恢复。仓库将其定位为教育用途的研究原型；本条目未对其较旧依赖进行运行测试。

与本合集的关联

补充一种早期基于学习的截图到代码方法，覆盖原生移动端与网页界面重建。

发表与复核详情

发表载体
EICS 2018
发表状态
会议论文
出版／提交日期
2018 年 6 月 19 日
日期依据
ACM 向 Crossref 提交的论文集元数据：在线与印刷版均于 2018 年 6 月 19 日出版；arXiv 首次提交于 2017 年 5 月 22 日。
arXiv 首次提交
2017 年 5 月 22 日
arXiv
1705.07962
已复核的 arXiv 版本
v2
DOI
10.1145/3220134.3220135

2017 年 arXiv 版本之后，论文发表于 EICS 2018 论文集；本条目审阅的是 2017 年 9 月 19 日的 arXiv v2。所链接作者仓库由该版本明确指定，本次核查固定到当前提交，并不声称其仍与历史发布完全相同。仓库包含编译器代码和分卷数据集压缩包；实际 LICENSE 文件声明 Apache 2.0，README 许可证徽章则使用了过时的文件名。

来源复核于

本合集仅做来源复核，未重新运行论文实验。请通过原始论文或 BibTeX 引用原作者。

一手来源

  1. https://arxiv.org/abs/1705.07962
  2. https://api.crossref.org/works/10.1145/3220134.3220135
  3. https://arxiv.org/html/1705.07962v2
  4. https://uizard.io/research#pix2code
  5. https://github.com/tonybeltramelli/pix2code/blob/eab4816e397e7491b92bdcb78d9d7195afa412b3/README.md
  6. https://github.com/tonybeltramelli/pix2code/blob/eab4816e397e7491b92bdcb78d9d7195afa412b3/requirements.txt
  7. https://github.com/tonybeltramelli/pix2code/blob/eab4816e397e7491b92bdcb78d9d7195afa412b3/LICENSE