浙大​陈云农、陈柳青等 | UI图层合并器:基于计算机视觉与边界先验的UI图层合并方法_即时焦点

来源:中国工程科技知识中心 时间:2023-03-31 14:42:49

内容介绍


【资料图】

中文摘要:

随着互联网行业图形用户界面(GUI)开发工作量的快速增长,国内外学者试图从GUI图片生成可维护的前端代码。该任务更适合从包含有用户界面元数据的UI设计稿来实现代码生成。然而,碎片图层不可避免地会出现在UI设计稿中,这大大降低了生成代码的质量。目前尚未有自动化GUI技术来检测并合并碎片图层以提高生成代码的可维护性。本文提出UI图层合并器(UILM),一种基于计算机视觉的方法,可以自动检测并合并碎片图层为完整的UI组件。本文提出的UILM包含合并区域检测器和碎片图层合并算法。合并区域检测器结合边界先验知识来准确地检测出UI组件的边界。基于此,碎片图层合并算法可以搜索出边界内的相关碎片层并将其合并为整体。此外,我们提出一种动态数据增强算法来提高合并区域检测器的性能。我们还构建了用于训练合并区域检测器和测试UILM的大规模UI数据集。实验结果表明,本文提出的方法在合并区域检测方面优于最佳基线,并达到了有效的图层合并准确率。最后,对真实应用程序的用户研究也证实了本文方法的有效性。

关键词:

用户界面(UI)生成代码;UI设计规范;UI碎片图层合并;目标检测

作者:

陈云农1,5,甄焱鲲4,施楚宁2,李佳智2,陈柳青2,3,5,李泽健1,3,5,孙凌云2,3,5,周婷婷4,常艳芳4

单位:

1浙江大学软件学院,中国杭州市,310027

2浙江大学计算机科学与技术学院,中国杭州市,310027

3阿里巴巴-浙江大学前沿技术联合研究中心,中国杭州市,310027

4阿里巴巴集团,中国杭州市,311121

5浙江-新加坡人工智能与创新设计联合实验室,中国杭州市,310027

本文引用格式:

Yunnong Chen, Yankun Zhen, Chuning Shi, Jiazhi Li, Liuqing Chen, Zejian Li, Lingyun Sun, Tingting Zhou, Yanfang Chang, 2023. UI layers merger: merging UI layers via visual learning and boundary prior. Frontiers of Information Technology & Electronic Engineering, 24(3):373-387. https://doi.org/10.1631/FITEE.2200099

本文精要导读:

来源: 信息与电子工程前沿(英文)

中国工程科技知识中心是经国家批准建设的国家工程科技领域信息汇聚中心、数据挖掘中心和知识服务中心。

知识中心网址:https://www.ckcest.cn/entry/

中国工程科技知识中心为方便读者组建了社群想进群请添加微信:xpcztym

关键词:

推荐内容

Copyright 2000-2021 by www.jiaoyu.dzxwnews.com all rights reserved

备案号:豫ICP备20014643号-14

邮箱 : 905 14 41 07@qq.com