基于用户界面展示的布局方法技术

技术编号:16605243 阅读:17 留言:0更新日期:2017-11-22 14:59
本发明专利技术涉及一种基于用户界面展示的布局方法,所述方法包括:获取父区块边界数据;根据预设的分割数量、父区块横向数据和父区块纵向数据,得到分割数量个子区块边界数据;生成每个子区块边界数据的索引数据;根据预设的分割数量确定当前待布局模块的数量;根据索引数据获取第一子区块边界数据,根据布局函数确定第一待布局模块的布局参数;对第一待布局模块在第一子区块所在区域进行布局;计算剩余待布局模块的数量;当待布局模块的数量大于0时,根据索引数据获取下一区块边界数据,根据布局函数确定下一待布局模块的布局参数;对下一待布局模块在下一子区块所在区域进行布局,直至剩余待布局模块的数量为0。

Layout method based on user interface display

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。优选的,所述根据所述下一待布局模块的布局参数对所述下一待布局模块在所述下一子区块所在区域进行布局之前,所述方法还包括:获取已布局的布局模块的布局参数;根据所述父区块横向数据、所述父区块纵向数据、所述下一待布局模块的布局参数和所述已布局的布局模块的布局参数,确定是否对所述下一待布局模块在所述下一子区块所在区域进行布局。进一步优选的,根据所述父区块横向数据、所述父区块纵向数据、所述下一待布局模块的布局参数和所述已布局的布局模块的布局参数,确定是否对所述下一待布局模块在所述下一子区块所在区域进行布局具体为:根据所述父区块横向数据和所述父区块纵向数据建立参考坐标系,并所述父区块横向数据得到父区块横轴数据,根据所述父区块纵向数据得到父区块纵轴数据;根据所述已布局的布局模块的布局参数确定所述已布局的布局模块的边界坐标;所述已布局的布局模块的边界坐标包括:x1、x2、y1和y2;所述x1为所述已布局的布局模块的左边界在所述父区块横轴数据中的坐标;所述x2为所述已布局的布局模块的右边界在所述父区块横轴数据中的坐标;所述y1为所述已布局的布局模块的上边界在所述父区块纵轴数据中的坐标;所述y2为所述已布局的布局模块的下边界在所述父区块纵轴数据中的坐标;根据所述下一待布局模块的布局参数确定所述下一待布局模块的边界坐标;所述下一待布局模块的边界坐标包括:x3、x4、y3和y4;所述x3为所述下一待布局模块的左边界在所述父区块横轴数据中的坐标;所述x4为所述下一待布局模块的右边界在所述父区块横轴数据中的坐标;所述y3为所述下一待布局模块的上边界在所述父区块纵轴数据中的坐标;所述y4为所述下一待布局模块的下边界在所述父区块纵轴数据中的坐标;确定所述x1和所述x3中的较大值是否小于x2和x4中的较小值,且所述y1和所述y3中的较大值是否小于y2和y4中的较小值;当所述x1和所述x3中的较大值小于x2和x4中的较小值,且所述y1和所述y3中的较大值小于y2和y4中的较小值时,重新获取下一区块边界数据,并根据布局函数确定下一待布局模块的布局参数;当所述x1和所述x3中的较大值小于x2和x4中的较小值,且所述y1和所述y3中的较大值不小于y2和y4中的较小值,或所述x1和所述x3中的较大值不小于x2和x4中的较小值,且所述y1和所述y3中的较大值小于y2和y4中的较小值,或所述x1和所述x3中的较大值不小于x2和x4中的较小值,且所述y1和所述y3中的较大值不小于y2和y4中的较小值时,根据所述下一待布局模块的布局参数对所述下一待布局模块在所述下一子区块所在区域进行布局。优选的,所述计算下一待分割数量具体为:将当前待分割数量减1。优选的,所述子区块边界数据包括:子区块横向数据和子区块纵向数据;所述子区块横向数据不大于所述父区块横向数据;所述子区块纵向数据不大于所述父区块纵向数据。本专利技术实施例提供的基于用户界面展示的布局方法,通过将父区块分割成多个子区块,将原本从父区块横向和纵向像素数乘积中随机得到子布局位置的运算,转换成从子区块范围中随机得到子布局位置的运算,减少了随机运算的次数,提高了子布局随机位置生成的效率,避免了极端情况下,一直不能生成合乎规范的子布局位置情况的发生。并且,本专利技术实施例提供的基于用户界面展示的布局方法考虑了子布局间互相重合的情况,加入了子布局位置重叠的排除算法,在子布局尺寸变化的情况下,可操作性更强。附图说明图1为本专利技术实施例提供的基于用户界面展示的布局方法的流程图;图2为本专利技术实施例提供的生成子区块的示意图;图3为本专利技术实施例提供的一种无效布局的示意图。具体实施方式下面通过附图和实施例,对本专利技术的技术方案做进一步的详细描述。本专利技术实施例提供的一种基于用户界面展示的布局方法,用于具有安卓操作统的用户终端进行用户界面的布局。为便于表述,本专利技术中以具有安卓操作系统的智能电视机为例,对于各种能够对用户界面进行布局的用户终端进行统述。本专利技术实施例提供了一种基于用户界面展示的布局方法,其方法流程图如图1所示,包括如下步骤:步骤101,获取父区块边界数据;具体的,在进行用户界面(U本文档来自技高网...
基于用户界面展示的布局方法

【技术保护点】
一种基于用户界面展示的布局方法,其特征在于,所述基于用户界面展示的布局方法包括:获取父区块边界数据;所述父区块边界数据包括父区块横向数据和父区块纵向数据;根据预设的分割数量、所述父区块横向数据和所述父区块纵向数据,得到所述分割数量个子区块边界数据;生成每个所述子区块边界数据的索引数据;根据所述预设的分割数量确定当前待布局模块的数量;根据所述索引数据获取第一子区块边界数据,根据布局函数确定第一待布局模块的布局参数;根据所述第一待布局模块的布局参数对所述第一待布局模块在所述第一子区块所在区域进行布局;计算剩余待布局模块的数量;当所述待布局模块的数量大于0时,根据所述索引数据获取下一区块边界数据,根据布局函数确定下一待布局模块的布局参数;根据所述下一待布局模块的布局参数对所述下一待布局模块在所述下一子区块所在区域进行布局,直至所述剩余待布局模块的数量为0。

【技术特征摘要】
1.一种基于用户界面展示的布局方法,其特征在于,所述基于用户界面展示的布局方法包括:获取父区块边界数据;所述父区块边界数据包括父区块横向数据和父区块纵向数据;根据预设的分割数量、所述父区块横向数据和所述父区块纵向数据,得到所述分割数量个子区块边界数据;生成每个所述子区块边界数据的索引数据;根据所述预设的分割数量确定当前待布局模块的数量;根据所述索引数据获取第一子区块边界数据,根据布局函数确定第一待布局模块的布局参数;根据所述第一待布局模块的布局参数对所述第一待布局模块在所述第一子区块所在区域进行布局;计算剩余待布局模块的数量;当所述待布局模块的数量大于0时,根据所述索引数据获取下一区块边界数据,根据布局函数确定下一待布局模块的布局参数;根据所述下一待布局模块的布局参数对所述下一待布局模块在所述下一子区块所在区域进行布局,直至所述剩余待布局模块的数量为0。2.根据权利要求1所述的布局方法,其特征在于,所述根据所述下一待布局模块的布局参数对所述下一待布局模块在所述下一子区块所在区域进行布局之前,所述方法还包括:获取已布局的布局模块的布局参数;根据所述父区块横向数据、所述父区块纵向数据、所述下一待布局模块的布局参数和所述已布局的布局模块的布局参数,确定是否对所述下一待布局模块在所述下一子区块所在区域进行布局。3.根据权利要求2所述的布局方法,其特征在于,根据所述父区块横向数据、所述父区块纵向数据、所述下一待布局模块的布局参数和所述已布局的布局模块的布局参数,确定是否对所述下一待布局模块在所述下一子区块所在区域进行布局具体为:根据所述父区块横向数据和所述父区块纵向数据建立参考坐标系,并所述父区块横向数据得到父区块横轴数据,根据所述父区块纵向数据得到父区块纵轴数据;根据所述已布局的布局模块的布局参数确定所述已布局的布局模块的边界坐标;所述已布局的布局模块的边界坐标包括:x1、x2、y1和y2;所述x1为所述已布局的布局模块的左边界...

【专利技术属性】
技术研发人员:王星朱洪龙孙健刘斌付强
申请(专利权)人:环球智达科技北京有限公司
类型:发明
国别省市:北京,11

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

1