应用程序的视觉还原方法、装置、存储介质及终端制造方法及图纸

本发明专利技术实施例提供一种应用程序的视觉还原方法、装置、存储介质及终端，其中的方法包括：获取应用程序的配置信息，所述配置信息包括设计对照表、所述应用程序的原始用户界面及所述原始用户界面的标注信息，所述原始用户界面包括多个元素盒子；对所述原始用户界面中的元素盒子进行拆分；按照所述设计对照表及所述标注信息，在屏幕中规划拆分后的各元素盒子的布局；按照所规划的布局对所述应用程序进行视觉还原得到目标用户界面。本发明专利技术能够高保真的实现APP的视觉还原，开发维护成本低，且灵活性和普适性高。

【技术实现步骤摘要】
应用程序的视觉还原方法、装置、存储介质及终端
本专利技术涉及互联网
，具体涉及应用程序处理
，尤其涉及一种应用程序的视觉还原方法，一种应用程序的视觉还原装置、一种计算机存储介质，一种用于应用程序的视觉还原的终端。
技术介绍
一个应用程序(Application，APP)从设计至推出到市场的过程会包括设计阶段和开发阶段，设计阶段包括APP的UI(UserInterface，用户界面)设计，开发阶段包括APP的UI视觉还原。视觉还原就是指将设计人员设计的UI落实到APP的过程。通常，APP在视觉还原的过程中需要考虑环境适配问题，例如：针对Android(安卓，一种移动操作系统)系统环境开发的APP，由于Android系统的开源特性，Android终端碎片化非常严重，此处的碎片化是指不同的终端制造商基于相同Android内核可能制造出多种搭载不同硬件平台、界面的Android终端，这些终端之间的运行速度、软件兼容性均有差别；因此，较佳的情况在于APP的视觉还原效果能够适配更多机型和分辨率。现有的APP的视觉还原方案大部分从布局和图片控件两个方面进行适配考虑的，即针对每一种终端单本文档来自技高网...

【技术保护点】
1.一种应用程序的视觉还原方法，其特征在于，包括：获取应用程序的配置信息，所述配置信息包括设计对照表、所述应用程序的原始用户界面及所述原始用户界面的标注信息，所述原始用户界面包括多个元素盒子；对所述原始用户界面中的元素盒子进行拆分；按照所述设计对照表及所述标注信息，在屏幕中规划拆分后的各元素盒子的布局；按照所规划的布局对所述应用程序进行视觉还原得到目标用户界面。

【技术特征摘要】
1.一种应用程序的视觉还原方法，其特征在于，包括：获取应用程序的配置信息，所述配置信息包括设计对照表、所述应用程序的原始用户界面及所述原始用户界面的标注信息，所述原始用户界面包括多个元素盒子；对所述原始用户界面中的元素盒子进行拆分；按照所述设计对照表及所述标注信息，在屏幕中规划拆分后的各元素盒子的布局；按照所规划的布局对所述应用程序进行视觉还原得到目标用户界面。2.如权利要求1所述的方法，其特征在于，所述设计对照表用于定义所述应用程序的设计规范和开发规范；所述设计对照表包括颜色对照表和字体对照表；所述颜色对照表用于定义所述应用程序所使用的颜色规范；所述颜色对照表包括至少一种颜色属性，所述颜色属性至少包括颜色名称和色值；所述字体对照表用于定义所述应用程序所使用的字体规范；所述字体对照表包括至少一种字体属性，所述字体属性至少包括字体名称、字体大小、承载字体的元素盒子的高度、承载字体的元素盒子内的行间距。3.如权利要求1所述的方法，其特征在于，所述获取应用程序的配置信息之前，还包括：获取应用程序的原始用户界面；在所述原始用户界面中按照横平竖直的原则对元素进行切割，形成多个元素盒子；每个元素盒子用于承载所述原始用户界面的一个元素，所述元素包括文本、图片或富文本；按照所述设计对照表在所述原始用户界面中进行标注，得到所述原始用户界面的标注信息；所述标注信息包括以下至少一种：所使用的目标颜色名称、各元素盒子的属性、相邻元素盒子的间距、元素盒子距离与页面边缘的距离。4.如权利要求1所述的方法，其特征在于，所述按照所述设计对照表及所述标注信息，在屏幕中规划拆分后的各元素盒子的布局，包括：在屏幕中绘制网格；按照所述设计对照表及所述标注信息，确定拆分后的各元素盒子在所述网格中的位置；根据各元素盒子在所述网格中的位置得到布局。5.如权利要求4所述的方法，其特征在于，所述按照所规划的布局对所述应用程序进行视觉还原得到目标用户界面，包括：为拆分后的各元素盒子分别映射相应的控件，一个元素盒子与一个控件相映射；按照所规划的布局中各元素盒子在所述网格中的位置，在所述网格中放置与各元素盒子相映射的控件；对放置了控件的所述网格进行渲染以对所述应用程序进行视觉还原得到目标用户界面。6.如权利要求5所述的方法，其特征在于，所述对放置了控件的所述网格进行渲染以对所述应用程序进行视觉还原得到目标用户界面之前，还包括：若所述多个元素盒子中包括承载了富文本的目标元素盒子，获取所述富文本所表示内容的宽度和高度；按照所述富文本所表示内容的宽度和高度动态调整所述网格中与所述目标元素盒子相映射的控件的宽度和高度。7.如权利要求1所述的方法，其特征在于，还包括：对所述原始用户界面的标注信息及所述设计对照表进行归一性检查；若归一性检查成功，则执行对所述原始用户界面中的元素盒子进行拆分的步骤。8.如权利要求1-3任一项所述的方法，其特征在于，还包括：将所述目标用户界面与所述原始用户界面进行比对得到所述应用程序的视觉还原度。9.一种应用程序的视觉还原装置，其特征在于，包括：获取单元，用于获取应用程序的配置信息，所述配置...

【专利技术属性】
技术研发人员：陈海中，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东,44