[发明专利]应用程序的视觉还原方法、装置、存储介质及终端有效
申请号: | 201810717697.2 | 申请日: | 2018-07-03 |
公开(公告)号: | CN108897541B | 公开(公告)日: | 2022-02-11 |
发明(设计)人: | 陈海中 | 申请(专利权)人: | 腾讯科技(深圳)有限公司 |
主分类号: | G06F8/38 | 分类号: | G06F8/38 |
代理公司: | 广州三环专利商标代理有限公司 44202 | 代理人: | 郝传鑫;熊永强 |
地址: | 518057 广东省深圳*** | 国省代码: | 广东;44 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 应用程序 视觉 还原 方法 装置 存储 介质 终端 | ||
1.一种应用程序的视觉还原方法,其特征在于,所述方法应用于所述应用程序的开发阶段;所述方法包括:
获取应用程序的配置信息,所述配置信息包括设计对照表、所述应用程序的原始用户界面及所述原始用户界面的标注信息,所述原始用户界面包括多个元素盒子;其中,所述设计对照表、所述应用程序的原始用户界面及所述原始用户界面的标注信息是在所述应用程序的设计阶段完成并提供至所述应用程序的开发阶段的;所述设计对照表能够在多个应用程序内进行复用;
对所述原始用户界面的标注信息及所述设计对照表进行归一性检查;所述归一性检查包括检查所述原始用户界面的标注信息是否完整;如果所述原始用户界面的标注信息完整,则继续检查所述原始用户界面的标信息是否能够被所述设计对照表覆盖;如果覆盖则归一化检查成功;如果未覆盖则归一化检查失败,返回至所述应用程序的设计阶段对所述原始用户界面进行重新标注或者在所述设计对照表中增加未覆盖的属性项;
若归一性检查成功,则对所述原始用户界面中的元素盒子进行拆分;
按照所述设计对照表及所述标注信息,在屏幕中规划拆分后的各元素盒子的布局;
按照所规划的布局对所述应用程序进行视觉还原得到目标用户界面。
2.如权利要求1所述的方法,其特征在于,所述设计对照表用于定义所述应用程序的设计规范和开发规范;所述设计对照表包括颜色对照表和字体对照表;
所述颜色对照表用于定义所述应用程序所使用的颜色规范;所述颜色对照表包括至少一种颜色属性,所述颜色属性至少包括颜色名称和色值;
所述字体对照表用于定义所述应用程序所使用的字体规范;所述字体对照表包括至少一种字体属性,所述字体属性至少包括字体名称、字体大小、承载字体的元素盒子的高度、承载字体的元素盒子内的行间距。
3.如权利要求1所述的方法,其特征在于,所述获取应用程序的配置信息之前,还包括:
获取应用程序的原始用户界面;
在所述原始用户界面中按照横平竖直的原则对元素进行切割,形成多个元素盒子;每个元素盒子用于承载所述原始用户界面的一个元素,所述元素包括文本、图片或富文本;
按照所述设计对照表在所述原始用户界面中进行标注,得到所述原始用户界面的标注信息;所述标注信息包括以下至少一种:所使用的目标颜色名称、各元素盒子的属性、相邻元素盒子的间距、元素盒子距离与页面边缘的距离。
4.如权利要求1所述的方法,其特征在于,所述按照所述设计对照表及所述标注信息,在屏幕中规划拆分后的各元素盒子的布局,包括:
在屏幕中绘制网格;
按照所述设计对照表及所述标注信息,确定拆分后的各元素盒子在所述网格中的位置;
根据各元素盒子在所述网格中的位置得到布局。
5.如权利要求4所述的方法,其特征在于,所述按照所规划的布局对所述应用程序进行视觉还原得到目标用户界面,包括:
为拆分后的各元素盒子分别映射相应的控件,一个元素盒子与一个控件相映射;
按照所规划的布局中各元素盒子在所述网格中的位置,在所述网格中放置与各元素盒子相映射的控件;
对放置了控件的所述网格进行渲染以对所述应用程序进行视觉还原得到目标用户界面。
6.如权利要求5所述的方法,其特征在于,所述对放置了控件的所述网格进行渲染以对所述应用程序进行视觉还原得到目标用户界面之前,还包括:
若所述多个元素盒子中包括承载了富文本的目标元素盒子,获取所述富文本所表示内容的宽度和高度;
按照所述富文本所表示内容的宽度和高度动态调整所述网格中与所述目标元素盒子相映射的控件的宽度和高度。
7.如权利要求1-3任一项所述的方法,其特征在于,还包括:
将所述目标用户界面与所述原始用户界面进行比对得到所述应用程序的视觉还原度。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于腾讯科技(深圳)有限公司,未经腾讯科技(深圳)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/201810717697.2/1.html,转载请声明来源钻瓜专利网。