一种界面元素的处理方法和装置制造方法及图纸

技术编号:21570812 阅读:22 留言:0更新日期:2019-07-10 15:14
本申请实施例提供了一种界面元素的处理方法和装置,所述方法包括:获取界面描述数据;所述界面描述数据包括界面元素以及所述界面元素对应的元素特征数据;根据所述元素特征数据编排所述界面元素,得到描述了界面元素之间逻辑关系的结构化语义代码;根据所述元素特征数据获取所述界面元素的推荐代码变量名;采用所述推荐代码变量名对所述结构化语义代码中的界面元素进行命名。本申请实施例所得的结构化语义代码具有兄弟关系、父子关系等逻辑关系,实现界面弹性布局。本申请实施例还根据元素特征数据获取界面元素的推荐代码变量名,用于对于结构化语义代码的界面元素进行命名,能够更加符合程序员的布局习惯。

A Processing Method and Device for Interface Elements

【技术实现步骤摘要】
一种界面元素的处理方法和装置
本申请涉及数据处理
,特别是涉及一种界面元素的处理方法和一种界面元素的处理装置。
技术介绍
随着通信技术的发展,终端集成了越来越多的功能,从而使得终端的系统功能列表中包含了越来越多的应用程序,例如,电脑中安装的应用程序、第三方智能手机中安装的应用程序等。有些应用程序中会涉及一些页面,这些页面可以通过自由搭建界面工具来完成搭建。目前市面上已知的自由搭建界面工具,例如sketch,photoshop,web等等,所产出界面的特征表现为,界面中的界面元素都是基于定位的方式进行逐一独立构建和渲染,界面元素间无兄弟、父子等逻辑关系,因而只能基于绝对定位的方式进行界面元素的布局,无法实现界面弹性布局。
技术实现思路
鉴于上述问题,提出了本申请实施例以便提供一种克服上述问题或者至少部分地解决上述问题的一种界面元素的处理方法和相应的一种界面元素的处理装置。为了解决上述问题,本申请公开了一种界面元素的处理方法,包括:获取界面描述数据;所述界面描述数据包括界面元素以及所述界面元素对应的元素特征数据;根据所述元素特征数据编排所述界面元素,得到描述了界面元素之间逻辑关系的结构本文档来自技高网...

【技术保护点】
1.一种界面元素的处理方法,其特征在于,包括:获取界面描述数据;所述界面描述数据包括界面元素以及所述界面元素对应的元素特征数据;根据所述元素特征数据编排所述界面元素,得到描述了界面元素之间逻辑关系的结构化语义代码;根据所述元素特征数据获取所述界面元素的推荐代码变量名;采用所述推荐代码变量名对所述结构化语义代码中的界面元素进行命名。

【技术特征摘要】
1.一种界面元素的处理方法,其特征在于,包括:获取界面描述数据;所述界面描述数据包括界面元素以及所述界面元素对应的元素特征数据;根据所述元素特征数据编排所述界面元素,得到描述了界面元素之间逻辑关系的结构化语义代码;根据所述元素特征数据获取所述界面元素的推荐代码变量名;采用所述推荐代码变量名对所述结构化语义代码中的界面元素进行命名。2.根据权利要求1所述的方法,其特征在于,所述根据所述元素特征数据编排所述界面元素,得到描述了界面元素之间逻辑关系的结构化语义代码,包括:创建矩阵;根据所述元素特征数据在所述矩阵标记出对应的界面元素;所述元素特征数据包括偏移数据、宽度数据和高度数据;扫描所述矩阵,从所述矩阵中筛选出重叠的界面元素;移除所述重叠的界面元素中除底部的界面元素之外的其他界面元素;将所述移除其他界面元素后的矩阵作为修改矩阵;记录重叠于同一界面元素的其他界面元素,将所述其他界面元素作为界面元素,并返回执行所述创建矩阵的步骤;采用所述修改矩阵确定各个界面元素之间的逻辑关系,并根据所述逻辑关系生成结构化语义代码。3.根据权利要求2所述的方法,其特征在于,所述采用所述修改矩阵确定各个界面元素之间的逻辑关系,包括:对所述修改矩阵中的各个界面元素进行转换,得到结构化语义代码;所述结构化语义代码中描述了界面元素的兄弟关系;确定所述结构化语义代码中的各个界面元素是否存在重叠的界面元素;当所述界面元素存在重叠的界面元素时,则在所述结构化语义代码中构建所述界面元素与重叠的界面元素之间的父子关系。4.根据权利要求1所述的方法,其特征在于,所述结构化语义代码由多个数据结构片段组成,在所述获取界面描述数据之后,还包括:确定所述数据结构片段是否存在匹配的数据模型;当所述数据结构片段存在匹配的数据模型时,根据所述数据模型修改数据结构片段。5.根据权利要求4所述的方法,其特征在于,所述数据模型具有对应的界面元素的元素类型和界面元素之间的逻辑关系,所述数据结构片段具有对应的界面元素的元素类型和界面元素之间的逻辑关系,所述确定所述数据结构片段是否存在匹配的数据模型,包括:判断所述数据模型的元素类型与所述数据结构片段的元素类型是否一致,以及,判断所述数据模型的逻辑关系与所述数据结构片段的逻辑关系是否一致;若所述数据模型的元素类型与所述数据结构片段的元素类型一致,以及,所述数据模型的逻辑关系与所述数据结构片段的逻辑关系一致,则确定所述数据结构片段存在匹配的数据模型。6.根据权利要求4所述的方法,其特征在于,所述根据所述数据模型修改数据结构片段,包括:获取所述数据模型已申明的处理函数;采用所述处理函数对于所述数据结构片段进行修改。7.根据权利要求1所述的方法,其特征在于,所述根据所述元素特征数据获取所述界面元素的推荐代码变量名,包括:从所述界面元素的元素特征数据中提取出第一语义信息;根据...

【专利技术属性】
技术研发人员:高凯
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛,KY

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

1