# DeclarUI：以自动生成声明式界面代码连接设计与开发

> 结合视觉组件提取、多模态模型、页面跳转图与迭代检查，从设计稿或截图重建多页面移动界面代码，并在 React Native、Flutter 和 ArkUI 上评测。

- 作者：Ting Zhou; Yanjie Zhao; Xinyi Hou; Xiaoyu Sun; Kai Chen; Haoyu Wang
- 原标题：DeclarUI: Bridging Design and Development with Automated Declarative UI Code Generation
- 发表载体：Proceedings of the ACM on Software Engineering (FSE 2025)
- 发表状态：期刊论文
- 出版／提交日期：2025 年 6 月 19 日
- 日期依据：ACM 向 Crossref 提交的元数据将在线及印刷版出版日期列为 2025 年 6 月 19 日；作者 PDF 的期次标签为 2025 年 7 月。
- arXiv 首次提交：2024 年 9 月 18 日
- arXiv：2409.11667
- 已复核的 arXiv 版本：v1
- DOI：10.1145/3715726
- 来源复核于：2026-10-16
- 收录于：2026-10-17
- 原始论文：<https://doi.org/10.1145/3715726>
- PDF：<https://xinyi-hou.github.io/files/zhou2024bridging.pdf>
- 代码：<https://github.com/security-pride/DeclarUI>
- BibTeX：<https://awesomerea.org/papers/citations/paper-declarui.bib>
- 目录页面：<https://awesomerea.org/zh/papers/paper-declarui/>
- 记录 JSON：<https://awesomerea.org/papers/paper-declarui/record.json>
- 英文版：[English](https://awesomerea.org/papers/paper-declarui/index.md)

## 研究范围与局限

人员需审核并修正推断出的导航图。评测覆盖 50 组各含五页的界面；页面跳转覆盖率与编译成功不代表恢复了完整业务逻辑或后端。各框架结果存在差异，视觉指标也不能完全反映人眼感知的保真度。脚本与数据已公开，但核查的提交中未发现项目级许可证。

## 与本合集的关联

将应用界面重建从单个屏幕扩展到具有明确导航关系的移动界面项目。

## 发表与复核说明

这是 PACMSE 第 2 卷 FSE 专期的期刊论文，页码为 219–241（文章编号 FSE011），并非尚未发表的预印本。正式标题在 2024 年 arXiv 标题前增加了 DeclarUI。主要审阅文本为作者托管的 23 页期刊论文，同时核对了 arXiv v1。所链接仓库由论文明确指定，本次固定提交核查。

## 一手来源

1. <https://api.crossref.org/works/10.1145/3715726>
2. <https://xinyi-hou.github.io/files/zhou2024bridging.pdf>
3. <https://arxiv.org/abs/2409.11667>
4. <https://github.com/security-pride/DeclarUI/blob/a4df6254dd81de7e26695f4e5c35922ac3a4dcab/README.md>

## 关于此条目

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