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

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

- 作者：Tony Beltramelli
- 原标题：pix2code: Generating Code from a Graphical User Interface Screenshot
- 发表载体：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
- 来源复核于：2026-10-16
- 收录于：2026-10-17
- 原始论文：<https://doi.org/10.1145/3220134.3220135>
- PDF：<https://arxiv.org/pdf/1705.07962v2>
- 代码：<https://github.com/tonybeltramelli/pix2code>
- 项目：<https://uizard.io/research#pix2code>
- BibTeX：<https://awesomerea.org/papers/citations/paper-pix2code.bib>
- 目录页面：<https://awesomerea.org/zh/papers/paper-pix2code/>
- 记录 JSON：<https://awesomerea.org/papers/paper-pix2code/record.json>
- 英文版：[English](https://awesomerea.org/papers/paper-pix2code/index.md)

## 研究范围与局限

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

## 与本合集的关联

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

## 发表与复核说明

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

## 一手来源

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>

## 关于此条目

已依据论文及一手来源复核。请通过原始论文或 BibTeX 引用原作者。
原创说明采用 MIT 许可；外部项目、论文与素材保留各自的权利和许可。