# 从 UI 设计图到 GUI 骨架：辅助启动移动界面实现的神经机器翻译器

> UI2code 使用神经编码器—解码器，将移动 UI 图像转换为 Android 组件层级与布局骨架。论文评估了结构预测，并通过小规模开发者实验研究如何基于生成的骨架实现布局。

- 作者：Chunyang Chen; Ting Su; Guozhu Meng; Zhenchang Xing; Yang Liu
- 原标题：From UI Design Image to GUI Skeleton: A Neural Machine Translator to Bootstrap Mobile GUI Implementation
- 发表载体：ICSE 2018
- 发表状态：会议论文
- 出版／提交日期：2018 年 5 月 27 日
- 日期依据：出版方提交至 Crossref 的 ICSE 会议论文集文章出版日期。
- DOI：10.1145/3180155.3180240
- 来源复核于：2026-10-17
- 收录于：2026-10-17
- 原始论文：<https://doi.org/10.1145/3180155.3180240>
- PDF：<https://chunyang-chen.github.io/publication/ui2code.pdf>
- 代码：<https://github.com/ccywch/UI2code>
- BibTeX：<https://awesomerea.org/papers/citations/paper-ui2code.bib>
- 目录页面：<https://awesomerea.org/zh/papers/paper-ui2code/>
- 记录 JSON：<https://awesomerea.org/papers/paper-ui2code/record.json>
- 英文版：[English](https://awesomerea.org/papers/paper-ui2code/index.md)

## 研究范围与局限

输出仅覆盖单张图像中的组件类型与层级；详细样式和文本仍需开发者补充。结构标记准确率以及针对五张截图、由八名参与者开展的实验，不能证明完整视觉保真度，也不代表恢复了导航、应用逻辑或后端。主数据集按截图划分；独立评估使用了 20 个未见应用的 1,208 张图像，提供了有限的泛化证据。

## 与本合集的关联

这是原生应用重建的基础工作，明确从视觉观察生成并评估 GUI 结构，研究范围超出了界面元素定位。

## 发表与复核说明

作者托管 PDF 印有 10.1145/3180155.3180222，但该 DOI 对应另一篇论文；此处采用出版方为本标题提交的 DOI，页码为 665–676。代码仓库 README 列出 29,887 张截图，论文则报告 185,277 对图像与骨架。固定版本的旧版 Torch/Lua 仓库没有许可证文件。

## 一手来源

1. <https://doi.org/10.1145/3180155.3180240>
2. <https://api.crossref.org/works/10.1145/3180155.3180240>
3. <https://chunyang-chen.github.io/publication/ui2code.pdf>
4. <https://conf.researchr.org/details/icse-2018/icse-2018-Technical-Papers/12/From-UI-Design-Image-to-GUI-Skeleton-A-Neural-Machine-Translator-to-Bootstrap-Mobile>
5. <https://github.com/ccywch/UI2code>
6. <https://raw.githubusercontent.com/ccywch/UI2code/fa2cb895dd3367340180257880a76886c9b6ee2f/README.md>
7. <https://raw.githubusercontent.com/ccywch/UI2code/fa2cb895dd3367340180257880a76886c9b6ee2f/src/train.lua>

## 关于此条目

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