AwesomeREA.org

2018 · 会议论文

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

From UI Design Image to GUI Skeleton: A Neural Machine Translator to Bootstrap Mobile GUI Implementation

Chunyang Chen; Ting Su; Guozhu Meng; Zhenchang Xing; Yang Liu

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

研究范围与局限

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

与本合集的关联

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

发表与复核详情

发表载体
ICSE 2018
发表状态
会议论文
出版／提交日期
2018 年 5 月 27 日
日期依据
出版方提交至 Crossref 的 ICSE 会议论文集文章出版日期。
DOI
10.1145/3180155.3180240

作者托管 PDF 印有 10.1145/3180155.3180222，但该 DOI 对应另一篇论文；此处采用出版方为本标题提交的 DOI，页码为 665–676。代码仓库 README 列出 29,887 张截图，论文则报告 185,277 对图像与骨架，不应视为同一套已发布语料。固定版本的旧版 Torch/Lua 仓库没有许可证文件；未测试外部数据和模型下载。

来源复核于

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

一手来源

  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