UI设计验收方法、装置、设备及存储介质制造方法及图纸

技术编号:31323000 阅读:29 留言:0更新日期:2021-12-13 00:11
本申请涉及计算机领域,提供了一种UI设计验收方法、装置、设备及存储介质,可应用于云技术、人工智能、智慧交通、车联网等场景中。该方法包括:基于待处理UI图像中各个待处理图层各自的像素值,分别获得各个待处理图层,各自与符合设定从属关系的其他图层之间的实际图层间距集合;再将各个待处理图层各自对应的实际图层间距集合,与目标UI图像中对应目标图层的目标图层间距集合进行比较,生成待处理UI图像的验收结果。无需单独测量每个UI样式的样式尺寸,通过比较各个待处理图层各自的实际图层间距集合,与对应目标图层的目标图层间距集合,能判断出各个待处理图层的UI样式、图层间距设计的是否合理,提高验收效率和验收结果准确率。率。率。

【技术实现步骤摘要】
UI设计验收方法、装置、设备及存储介质


[0001]本申请涉及计算机领域,提供了一种UI设计验收方法、装置、设备及存储介质。

技术介绍

[0002]随着科学技术的发展,越来越多的平台推出了自主开发的应用程序。为了确保开发的用户界面(User Interface,UI)尽可能还原设计稿给出的UI设计方案,UI设计验收成为了应用程序研发过程中的一个关键环节。
[0003]相关技术下,在进行UI设计验收时,需要使用Sketch、PhotoShop等工具,测量UI图像中在每个图层上显示的UI样式的样式尺寸,以及UI样式所在的子图层与对应父图层之间的图层间距;再将测量获得的各个UI样式的样式尺寸以及图层之间的图层间距与设计稿进行比较,并标注出存在样式尺寸错误或者图层间距尺寸错误的图层,生成相应的验收结果。
[0004]目前采用的UI设计验收方法严重依赖于人工的测量结果,尤其是对设计复杂的UI图像进行UI设计验收时,验收效率较低,而且,人工难以手工测量出UI图像上所有UI样式的样式尺寸以及所有图层间距,若基于部分测量结果生成最终的验收结果,本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种UI设计验收方法,其特征在于,包括:获取待处理UI图像;基于所述待处理UI图像包含的各个待处理图层各自的像素值,分别获得所述各个待处理图层,各自与符合设定从属关系的其他图层之间的实际图层间距集合;将所述待处理UI图像中所述各个待处理图层各自对应的实际图层间距集合,与目标UI图像中对应目标图层的目标图层间距集合进行比较,生成所述待处理UI图像的验收结果;其中,所述待处理UI图像和所述目标UI图像,是分别基于相同的UI数据进行渲染处理生成的。2.如权利要求1所述的方法,其特征在于,所述基于所述待处理UI图像包含的各个待处理图层各自的像素值,分别获得所述各个待处理图层,各自与符合设定从属关系的其他图层之间的实际图层间距集合,包括:针对所述各个待处理图层,分别采用循环方式执行以下操作,直到获得相应的实际图层间距集合为止:在一个待处理图层中,每遍历一个第一像素点,基于所述一个第一像素点的像素值与上一次遍历的第一像素点的像素值,确定所述上一次遍历的第一像素点为第一边缘像素点时,基于所述第一边缘像素点,获取在所述一个待处理图层对应的其他图层中的第二边缘像素点,以及基于所述第一边缘像素点和所述第二边缘像素点之间的像素距离,确定所述一个待处理图层在一个边缘方向的实际图层间距;将获得的多个边缘方向的实际图层间距,作为所述一个待处理图层的实际图层间距集合输出。3.如权利要求2所述的方法,其特征在于,所述基于所述一个第一像素点的像素值与上一次遍历的第一像素点的像素值,确定所述上一次遍历的第一像素点为第一边缘像素点,包括:当确定所述一个第一像素点的像素值与所述上一次遍历的第一像素点的像素值不同,且所述一个第一像素点的像素值与所述其他图层的像素值相同时,确定所述上一次遍历的第一像素点为所述第一边缘像素点。4.如权利要求2所述的方法,其特征在于,所述基于所述第一边缘像素点,获取所述在所述一个待处理图层对应的其他图层中的第二边缘像素点,包括:以所述第一边缘像素点为起点,对所述一个待处理图层对应的其他图层上,位于所述一个边缘方向的多个第二像素点进行遍历,每遍历一个第二像素点,基于所述一个第二像素点的像素值与上一次遍历的第二像素点的像素值,判断所述上一次遍历的第二像素点是否为所述第二边缘像素点。5.如权利要求4所述的方法,其特征在于,所述基于所述一个第二像素点的像素值与上一次遍历的第二像素点的像素值,判断所述上一次遍历的第二像素点是否为所述第二边缘像素点,包括:当确定所述一个第二像素点的像素值与所述上一次遍历的第二像素点的像素值不同,且所述一个第二像素点的像素值与两个图层的像素值均不相同时,确定所述上一次遍历的第二像素点为所述第二边缘像素点。6.如权利要求1所述的方法,其特征在于,通过执行以下操作,获得所述待处理UI图像
中一个待处理图层的像素值:在所述待处理UI图像的界面结构树中,获取到表征所述一个待处理图层的子节点,以及表征符合所述设定从属关系的其他图层的父节点;从所述父节点的纹理单元中,读取所述子节点的图像纹理信息;基于所述子节点的标识信息与所述子节点的图像纹理信息,获得所述一个待处理图层的像素值。7.如权利要求6所述的方法,其特征在于,所述设定从属关系表征,所述一个待处理图层在所述界面结构树中对应的节点,是所述其他图层在所述界面结构树中对应的节点的子节点。8.如权利要...

【专利技术属性】
技术研发人员:苟亚明
申请(专利权)人:腾讯科技深圳有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1