自动生成布局文件的方法、存储介质技术

技术编号:20074443 阅读:39 留言:0更新日期:2019-01-15 00:27
本发明专利技术提供自动生成布局文件的方法、存储介质,方法包括识别界面效果图,获取各元素;依据各元素之间的位置关系,创建一包含关系树,同时依据元素的属性配置对应节点的属性;依据包含关系树,获取所述界面效果图对应的布局文件和资源图片。本发明专利技术通过对应用的效果图进行分析,识别其中的各种元素,对应各元素的位置关系创建包含关系树,据此自动生成布局文件和资源文件,节省了大量的时间,减少相关人员的工作量,减少误差,避免人为操作的失误,提高工作效率,加快了应用的开发流程。

Method and Storage Medium for Automatic Generation of Layout Files

The invention provides a method for automatically generating layout files and storage media, which includes identifying interface effect maps and obtaining elements; creating an inclusion relationship tree according to the location relationship between elements, and configuring the attributes of corresponding nodes according to the attributes of elements; and obtaining layout files and resource pictures corresponding to the interface effect maps according to the inclusion relationship tree. By analyzing the effect map of the application, identifying the various elements, creating the inclusion relation tree corresponding to the position relationship of each element, and automatically generating the layout file and resource file, the invention saves a lot of time, reduces the workload of relevant personnel, reduces errors, avoids the mistakes of artificial operation, improves work efficiency and speeds up the development process of the application.

【技术实现步骤摘要】
自动生成布局文件的方法、存储介质
本专利技术涉及应用界面分析处理领域,具体涉及自动生成布局文件的方法、存储介质。
技术介绍
对于一个终端应用,特别是android应用,用户首先见到的是应用的界面,可以说界面是人机交互的最重要的部分,会极大的影响到用户的体验。通常情况下,我们开发一个应用时,策划会给出一个应用内各个界面的效果图以及相关的资源文件;当开发人员获取到这些效果图后,就要根据效果图创建相应的界面文件,并贴上对应的资源图片,最终达到策划预定的展示效果。在这一过程中,可以分成三个步骤:1.策划提供效果图;2.美工根据效果图进行切图,得到相关的资源图片;3.开发人员根据效果图和资源图片,进行开发。其中第3个步骤又包含了创建布局文件和贴图。上述过程除了第一个步骤之外,都有可能由于种种原因,导致一些问题:1.一个应用的资源图片是要打包到应用当中的,这些资源文件越大,则意味着安装包越大,一些不熟练的美工在切图的时候,可能会把可拉伸的资源(在android系统中,可以对后缀为“.9”的图片进行拉伸,节省资源空间)做成整图,导致资源文件超出实际需要的大小。2.开发人员进行开发的时候,由于人眼视本文档来自技高网...

【技术保护点】
1.自动生成布局文件的方法,其特征在于,包括:识别界面效果图,获取各元素;依据各元素之间的位置关系,创建一包含关系树,同时依据元素的属性配置对应节点的属性;依据包含关系树,获取所述界面效果图对应的布局文件和资源图片。

【技术特征摘要】
1.自动生成布局文件的方法,其特征在于,包括:识别界面效果图,获取各元素;依据各元素之间的位置关系,创建一包含关系树,同时依据元素的属性配置对应节点的属性;依据包含关系树,获取所述界面效果图对应的布局文件和资源图片。2.如权利要求1所述的自动生成布局文件的方法,其特征在于,节点的属性包括父节点、是否有子节点、元素标签、颜色类型、色值和极点坐标;所述元素标签包括形状、图像和文本。3.如权利要求2所述的自动生成布局文件的方法,其特征在于,所述依据所述包含关系树,获取所述界面效果图对应的布局文件和资源图片,之前,还包括:遍历包含关系树中元素标签为形状的叶子节点,获取其中外形轮廓为圆形或椭圆形的节点;逐一将圆形或椭圆形的节点与其元素标签为文本的兄弟节点进行匹配,若匹配成功,则修改当前圆形或椭圆形的节点的元素标签为文本。4.如权利要求2所述的自动生成布局文件的方法,其特征在于,所述依据所述包含关系树,获取所述界面效果图对应的布局文件和资源图片,之前,还包括:遍历包含关系树中元素标签为文本的叶子节点,将遍历到的节点与其兄弟节点进行匹配,合并属于同一字符串的节点,并更新包含关系树。5.如权利要求2所述的自动生成布局文件的方法,其特征在于,依据包含关系树,获取所述界面效果图对应的布局文件,具体为:以广度优先的方式遍历包含关系树的各个节点,对应根节点输出一个第一线性布局容器;依据节点的属性,判断当前遍历到的节点是否有子节点;若有,则对应输出一个第二线性布局容器,并依据节点的属性放置在第一线性布局容器内的相应位置;若无,则对应输出一个控件,并依据节点的属性放置在相应位置;遍历完毕,获取对应界面效果图的布局文件。6.如权利要求2所述的自动生成布局文件的方法,其特征在于,依据包含关系树,获取所述界面效果图对应的资源图片,具体为:遍历包含关系树中元素标签为形状或图像的节点,依据节点的属性中的颜色类型、色值和极点坐标,获取元素标签为形状或图像的节点各自对应的资源图片。7.如权利要求6所述的自动生成布局文件的方...

【专利技术属性】
技术研发人员:刘德建陈斌鄢宜扬郭玉湖
申请(专利权)人:福建天泉教育科技有限公司
类型:发明
国别省市:福建,35

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

1