The invention relates to a layout method based on the user interface display, the method comprises: acquiring parent block boundary data; according to the preset number, segmentation block data and block the father father transverse longitudinal data, get the number of segmentation sub block boundary data; generating each sub block index data boundary data is determined according to the current number of stay; the default layout module according to the index number of segmentation; data acquisition the first sub block boundary data, according to the layout parameters to determine the layout of the first layout module function; the first to layout module in the first sub block area layout; calculating the number of remaining to be layout module; when the number of the layout module is more than 0, according to the the index data acquisition under a block boundary data, according to the layout parameters for layout module next determine the layout function; on the next to the cloth The local module is arranged in the area of the next sub block until the number of remaining modules to be allocated is 0.
【技术实现步骤摘要】
基于用户界面展示的布局方法
本专利技术涉及数据处理
,尤其涉及一种基于用户界面展示的布局方法。
技术介绍
用户界面(UserInterface,UI),泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。UI设计主要指对界面的样式,美观程度、人机交互和操作逻辑的设计。在进行UI设计时需要充分考虑布局的合理化问题,遵循用户从上而下,自左向右浏览、操作习惯,避免常用业务功能按键排列过于分散,以造成用户鼠标移动距离过长的弊端。在安卓系统的UI中,子布局通常是随机位置生成的,其最简单的实现方案是利用Java语言随机函数的方法,即在x轴上随机生成0到父布局宽度w之间的随机数x,再在y轴上随机生成0到父布局高度h之间的随机数y,x与y所表示的点,即为子布局在父布局中的位置(x,y)。而再生成下一个子布局位置的情况下,需要重复执行上述操作,从而生成多个子布局在父布局中的位置。在这种现有技术中,在不考虑随机函数执行次数的前提下,是能够生成多个子布局在父布局中位置的。但是,如果考虑到子布局与子布局不能重合的前提下,按照后续生成的子布局的位置摆放子布局,可能会与之前摆放的子布局重合,这样此次生成的子布局位置就不符合规范,需要再次执行随机函数,重新生成子布局位置,并再次验证这个新生成的位置与先前的子布局是否存在重合的部分。由于是纯随机算法,在极端情况下,可能后续生成的子布局位置,永远会和之前子布局的有重合的部分。这样,随机函数再一直执行,生成的位置会一直不符合规范,从而导致计算次数和整个流程所耗时间变得不可控。
技术实现思路
本专利技术的目的是针对现有技术的缺陷,提供一 ...
【技术保护点】
一种基于用户界面展示的布局方法,其特征在于,所述基于用户界面展示的布局方法包括:获取父区块边界数据;所述父区块边界数据包括父区块横向数据和父区块纵向数据;根据预设的分割数量、所述父区块横向数据和所述父区块纵向数据,得到所述分割数量个子区块边界数据;生成每个所述子区块边界数据的索引数据;根据所述预设的分割数量确定当前待布局模块的数量;根据所述索引数据获取第一子区块边界数据,根据布局函数确定第一待布局模块的布局参数;根据所述第一待布局模块的布局参数对所述第一待布局模块在所述第一子区块所在区域进行布局;计算剩余待布局模块的数量;当所述待布局模块的数量大于0时,根据所述索引数据获取下一区块边界数据,根据布局函数确定下一待布局模块的布局参数;根据所述下一待布局模块的布局参数对所述下一待布局模块在所述下一子区块所在区域进行布局,直至所述剩余待布局模块的数量为0。
【技术特征摘要】
1.一种基于用户界面展示的布局方法,其特征在于,所述基于用户界面展示的布局方法包括:获取父区块边界数据;所述父区块边界数据包括父区块横向数据和父区块纵向数据;根据预设的分割数量、所述父区块横向数据和所述父区块纵向数据,得到所述分割数量个子区块边界数据;生成每个所述子区块边界数据的索引数据;根据所述预设的分割数量确定当前待布局模块的数量;根据所述索引数据获取第一子区块边界数据,根据布局函数确定第一待布局模块的布局参数;根据所述第一待布局模块的布局参数对所述第一待布局模块在所述第一子区块所在区域进行布局;计算剩余待布局模块的数量;当所述待布局模块的数量大于0时,根据所述索引数据获取下一区块边界数据,根据布局函数确定下一待布局模块的布局参数;根据所述下一待布局模块的布局参数对所述下一待布局模块在所述下一子区块所在区域进行布局,直至所述剩余待布局模块的数量为0。2.根据权利要求1所述的布局方法,其特征在于,所述根据所述下一待布局模块的布局参数对所述下一待布局模块在所述下一子区块所在区域进行布局之前,所述方法还包括:获取已布局的布局模块的布局参数;根据所述父区块横向数据、所述父区块纵向数据、所述下一待布局模块的布局参数和所述已布局的布局模块的布局参数,确定是否对所述下一待布局模块在所述下一子区块所在区域进行布局。3.根据权利要求2所述的布局方法,其特征在于,根据所述父区块横向数据、所述父区块纵向数据、所述下一待布局模块的布局参数和所述已布局的布局模块的布局参数,确定是否对所述下一待布局模块在所述下一子区块所在区域进行布局具体为:根据所述父区块横向数据和所述父区块纵向数据建立参考坐标系,并所述父区块横向数据得到父区块横轴数据,根据所述父区块纵向数据得到父区块纵轴数据;根据所述已布局的布局模块的布局参数确定所述已布局的布局模块的边界坐标;所述已布局的布局模块的边界坐标包括:x1、x2、y1和y2;所述x1为所述已布局的布局模块的左边界...
【专利技术属性】
技术研发人员:王星,朱洪龙,孙健,刘斌,付强,
申请(专利权)人:环球智达科技北京有限公司,
类型:发明
国别省市:北京,11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。