CN107368237A - 基于用户界面展示的布局方法 - Google Patents

基于用户界面展示的布局方法 Download PDF

Info

Publication number
CN107368237A
CN107368237A CN201710592700.8A CN201710592700A CN107368237A CN 107368237 A CN107368237 A CN 107368237A CN 201710592700 A CN201710592700 A CN 201710592700A CN 107368237 A CN107368237 A CN 107368237A
Authority
CN
China
Prior art keywords
layout
block
data
father
modules
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201710592700.8A
Other languages
English (en)
Inventor
王星
朱洪龙
孙健
刘斌
付强
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Universal Wisdom Technology Beijing Co Ltd
Original Assignee
Universal Wisdom Technology Beijing Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Universal Wisdom Technology Beijing Co Ltd filed Critical Universal Wisdom Technology Beijing Co Ltd
Priority to CN201710592700.8A priority Critical patent/CN107368237A/zh
Publication of CN107368237A publication Critical patent/CN107368237A/zh
Pending legal-status Critical Current

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本发明涉及一种基于用户界面展示的布局方法，所述方法包括：获取父区块边界数据；根据预设的分割数量、父区块横向数据和父区块纵向数据，得到分割数量个子区块边界数据；生成每个子区块边界数据的索引数据；根据预设的分割数量确定当前待布局模块的数量；根据索引数据获取第一子区块边界数据，根据布局函数确定第一待布局模块的布局参数；对第一待布局模块在第一子区块所在区域进行布局；计算剩余待布局模块的数量；当待布局模块的数量大于0时，根据索引数据获取下一区块边界数据，根据布局函数确定下一待布局模块的布局参数；对下一待布局模块在下一子区块所在区域进行布局，直至剩余待布局模块的数量为0。

Description

基于用户界面展示的布局方法
技术领域
本发明涉及数据处理技术领域，尤其涉及一种基于用户界面展示的布局方法。
背景技术
用户界面(User Interface，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，获取父区块边界数据；
具体的，在进行用户界面(User Interface，UI)布局时，需要确定用户界面的边界。也就是在一个什么样的范围内进行布局。父区块可以理解为进行布局时的界面范围，所有待布局模块都要在父区块内进行布局。而在对基于安卓操作系统的用户界面进行布局时，父区块是一个矩形区域。每个待布局模块都是布局在父区块中的，可以理解为需要向用户展示的内容，例如图标等。
父区块边界数据可以理解为进行布局时的界面范围值，包括父区块横向数据和父区块纵向数据。其中，父区块横向数据可以理解为布局时的界面长度，父区块纵向数据可以理解为布局时的界面高度。
步骤102，得到分割数量个子区块边界数据；
具体的，预设的分割数量为在布局用户界面时，需要在父区块中布局的待布局模块的数量。智能电视机根据预设的分割数量、父区块横向数据和父区块纵向数据，得到分割数量个子区块边界数据。也就是说，智能电视机将父区块进行分割处理，生成多个子区块。子区块的个数取决于预设的分割数量。分割时，可以是根据父区块横向数据和父区块纵向数据平均分割成若干个子区块，每个子区块的大小，即子区块边界数据都一样。也可以是根据父区块横向数据和父区块纵向数据随机不等分割成若干个子区块，得到的每个子区块边界数据也不同。
子区块边界数据包括：子区块横向数据和子区块纵向数据。子区块横向数据不大于所述父区块横向数据，且子区块纵向数据不大于所述父区块纵向数据。
在一个具体的例子中，如图2所示的生成子区块的示意图，预设的分割数量为四个、父区块横向数据为400像素、父区块纵向数据800像素，那么智能电视机根据对父区块进行一横一竖的平均分割，将父区块平均分为四个大小相等的子区块，每个子区块边界数据都为200像素*400像素。
步骤103，生成每个子区块边界数据的索引数据；
具体的，为了区分各个子区块，需要对每个子区块边界数据建立一个唯一的索引数据。索引数据可以是一个有规律的二维数组，每个索引数据代表一个子区块在父区块中的坐标位置。
在一个具体的例子中，再如图2所示，父区块被平均分为四个大小相等的子区块，其中第一个子区块边界数据的索引数据为(0,0)，代表了第一个子区块位于父区块的左上角；第二个子区块边界数据的索引数据为(1,0)，代表了第二个子区块位于父区块的右上角；第三个子区块边界数据的索引数据为(1,0)，代表了第三个子区块位于父区块的左下角；第四个子区块边界数据的索引数据为(1,1)，代表了第四个子区块位于父区块的左下角。
步骤104，确定当前待布局模块的数量；
具体的，预设的分割数量即为当前待布局模块的数量。例如，预设的分割数量为四个，那么当前待布局模块的数量也为四个。
步骤105，根据索引数据获取第一子区块边界数据，根据布局函数确定第一待布局模块的布局参数；
具体的，智能电视机根据布局函数从已创建的多个索引数据中得到一个索引数据，根据该索引数据确定该索引数据对应的第一子区块边界数据(即当前子区块边界数据)，并根据该第一子区块边界数据，得到第一待布局模块的布局参数。
其中，布局函数可以理解为一个随机算法，也就是说，智能电视机在已创建的多个子区块中随机选择一个子区块为第一子区块，以预备在该第一子区块中布局第一待布局模块。
步骤106，根据第一待布局模块的布局参数对第一待布局模块在第一子区块所在区域进行布局；
具体的，在布局第一个待布局模块(即第一待布局模块)时，整个父区域中只有这一个待布局模块，因而不存在当前待布局模块与已存在的待布局模块有重叠的问题，可以直接根据当前待布局模块的布局参数对当前待布局模块(即第一待布局模块)进行布局。
需要注意的是，待布局模块的大小可能超出子区块的范围，但待布局模块仍在会在当前子区块的区域内进行布局。
步骤107，计算剩余待布局模块的数量；
具体的，当布局完一个待布局模块时，需要将当前待分割数量减1，代表了已经完成了一个待布局模块的布局。而将当前待分割数量减1得到的是剩余待布局模块的数量，用以确定是否还有待布局模块，即是否需要进行下一个待布局模块的布局。
步骤108，确定待布局模块的数量是否大于0；
具体的，待布局模块的数量即剩余待布局模块的数量，当待布局模块的数量大于0时，代表了还有剩余待布局模块，即需要进行下一个待布局模块的布局，则执行下述步骤109。当待布局模块的数量等于0时(数量只可能为正整数，因此待布局模块的数量没有小于0的情况)，代表了没有剩余待布局模块了，则结束流程。
步骤109，根据索引数据获取下一子区块边界数据，根据布局函数确下一待布局模块的布局参数；
具体的，待布局模块的数量大于0时，代表了还有剩余待布局模块，则智能电视机根据布局函数从已得到的索引数据外生成的第二个索引数据，根据第二个索引数据确定该索引数据对应的下一子区块边界数据，并根据该下一子区块边界数据，得到下一待布局模块的布局参数。
也就是说，在进行下一次的布局时，是不从以被布局过待布局模块的子区块中选择子区块的。
在一个具体的例子中，四个子区块的索引数据分别为(0,0)、(1,0)、(1,0)和(1,1)。第一待布局模块已在索引数据为(0,0)的第一子区域进行了布局，那么在进行下一待布局模块的布局时，下一待布局模块的索引数据在(1,0)、(1,0)和(1,1)中随机选择。
步骤110，确定是否存在重叠的布局模块；
具体的，由于待布局模块的大小可能超出子区块的范围，虽然在选择下一待布局模块的索引数据时已经除去了已选择过的索引数据，减小了一次待布局模块间重叠的可能性，但在实际情况中，当待布局模块的大小超出子区块的范围时，待布局模块间仍然可能存在有重叠的情况。因此在对下一待布局模块进行布局之前，需要判断已布局的布局模块的范围区域是否与下一布局模块的范围区域交叉重叠的部分。
若下一待布局模块的范围区域与已布局的布局模块的范围区域有交叉重叠的部分，则不对下一待布局模块进行布局，而是重新确定一个确定下一待布局模块的布局参数，即返回执行上述步骤109。若下一待布局模块的范围区域与已布局的布局模块的范围区域没有交叉重叠的部分，则可以对当前下一待布局模块进行布局，即执行下述步骤111。
进一步具体的，图3为本发明实施例提供的一种无效布局的示意图，如图2所示，首先，智能电视机需要获取已布局的布局模块A的布局参数，并根据父区块横向数据和父区块纵向数据建立一个参考坐标系,并父区块横向数据得到父区块横轴数据x轴、父区块纵向数据得到父区块纵轴数据y轴。其中x轴与y轴的交叉点为原点(0,0)。
然后，根据已布局的布局模块A的布局参数确定已布局的布局模块A的边界坐标。已布局的布局模块A的边界坐标包括：x1、x2、y1和y2。并根据下一待布局模块B的布局参数确定下一待布局模块B的边界坐标。下一待布局模块B的边界坐标包括：x3、x4、y3和y4。
其中，x1为已布局的布局模块A的左边界在父区块横轴数据x轴中的坐标，x2为已布局的布局模块A的右边界在父区块横轴数据x轴中的坐标，y1为已布局的布局模块A的上边界在父区块横轴数据y轴中的坐标，y2为已布局的布局模块A的下边界在父区块横轴数据y轴中的坐标。x3为下一待布局模块B的左边界在父区块横轴数据x轴中的坐标，x4为下一待布局模块B的右边界在父区块横轴数据x轴中的坐标，y3为下一待布局模块B的上边界在父区块横轴数据y轴中的坐标，y4为下一待布局模块B的下边界在父区块横轴数据y轴中的坐标。
再根据判断x1和x3中的较大值是否小于x2和x4中的较小值，且y1和y3中的较大值是否小于y2和y4中的较小值来确定下一待布局模块的范围区域与已布局的布局模块的范围区域是否有交叉重叠的部分。
当x1和x3中的较大值小于x2和x4中的较小值，且y1和y3中的较大值小于y2和y4中的较小值时，说明下一待布局模块的范围区域与已布局的布局模块的范围区域有交叉重叠的部分，需要重新获取下一区块边界数据，并根据布局函数确定下一待布局模块的布局参数。即返回执行上述步骤109。
而当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、x2、y1、y2、x3、x4、y3和y4之间的关系，为除了x1和x3中的较大值小于x2和x4中的较小值，且y1和y3中的较大值小于y2和y4中的较小值以外的所有情况时，则说明下一待布局模块的范围区域与已布局的布局模块的范围区域没有交叉重叠的部分，可以根据下一待布局模块的布局参数对下一待布局模块在下一子区块所在区域进行布局。即执行下述步骤111。
步骤111，根据下一待布局模块的布局参数对下一待布局模块在下一子区块所在区域进行布局；
具体的，由于上述步骤110已确定当下一待布局模块的布局参数所生成的下一待布局模块是不与已存在的布局模块重叠的，因此，同上述步骤106一样，智能电视机根据下一待布局模块的布局参数对下一待布局模块进行布局。
在执行完步骤110之后，代表了又完成了一次对待布局模块的布局，则此时，需要对再次计算剩余待布局模块的数量，也就是确定是否还存在没有被布局的待布局模块，即返回上述步骤107，重新计算剩余待布局模块的数量，当剩余待布局模块的数量仍不为0时，继续对下一个待布局模块进行布局，直至剩余待布局模块的数量为0。当剩余待布局模块的数量为0时，则结束流程。
其中，当剩余待布局模块的数量为0时，代表了已经完成了对所有待布局模块的布局，则布局流程结束。
在优选的方案中，还可生成布局成功的提示，以提示用户UI布局完毕。
本发明实施例提供的基于用户界面展示的布局方法，通过将父区块分割成多个子区块，将原本从父区块横向和纵向像素数乘积中随机得到子布局位置的运算，转换成从子区块范围中随机得到子布局位置的运算，减少了随机运算的次数，提高了子布局随机位置生成的效率，避免了极端情况下，一直不能生成合乎规范的子布局位置情况的发生。并且，本发明实施例提供的基于用户界面展示的布局方法考虑了子布局间互相重合的情况，加入了子布局位置重叠的排除算法，在子布局尺寸变化的情况下，可操作性更强。
专业人员应该还可以进一步意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本发明的范围。
结合本文中所公开的实施例描述的方法或算法的步骤可以用硬件、用户终端执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
以上所述的具体实施方式，对本发明的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本发明的具体实施方式而已，并不用于限定本发明的保护范围，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。

Claims (5)

1.一种基于用户界面展示的布局方法，其特征在于，所述基于用户界面展示的布局方法包括：
获取父区块边界数据；所述父区块边界数据包括父区块横向数据和父区块纵向数据；
根据预设的分割数量、所述父区块横向数据和所述父区块纵向数据，得到所述分割数量个子区块边界数据；
生成每个所述子区块边界数据的索引数据；
根据所述预设的分割数量确定当前待布局模块的数量；
根据所述索引数据获取第一子区块边界数据，根据布局函数确定第一待布局模块的布局参数；
根据所述第一待布局模块的布局参数对所述第一待布局模块在所述第一子区块所在区域进行布局；
计算剩余待布局模块的数量；
当所述待布局模块的数量大于0时，根据所述索引数据获取下一区块边界数据，根据布局函数确定下一待布局模块的布局参数；
根据所述下一待布局模块的布局参数对所述下一待布局模块在所述下一子区块所在区域进行布局，直至所述剩余待布局模块的数量为0。
2.根据权利要求1所述的布局方法，其特征在于，所述根据所述下一待布局模块的布局参数对所述下一待布局模块在所述下一子区块所在区域进行布局之前，所述方法还包括：
获取已布局的布局模块的布局参数；
根据所述父区块横向数据、所述父区块纵向数据、所述下一待布局模块的布局参数和所述已布局的布局模块的布局参数，确定是否对所述下一待布局模块在所述下一子区块所在区域进行布局。
3.根据权利要求2所述的布局方法，其特征在于，根据所述父区块横向数据、所述父区块纵向数据、所述下一待布局模块的布局参数和所述已布局的布局模块的布局参数，确定是否对所述下一待布局模块在所述下一子区块所在区域进行布局具体为：
根据所述父区块横向数据和所述父区块纵向数据建立参考坐标系,并所述父区块横向数据得到父区块横轴数据，根据所述父区块纵向数据得到父区块纵轴数据；
根据所述已布局的布局模块的布局参数确定所述已布局的布局模块的边界坐标；所述已布局的布局模块的边界坐标包括：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中的较小值时，根据所述下一待布局模块的布局参数对所述下一待布局模块在所述下一子区块所在区域进行布局。
4.根据权利要求1所述的布局方法，其特征在于，所述计算下一待分割数量具体为：将当前待分割数量减1。
5.根据权利要求1所述的布局方法，其特征在于，所述子区块边界数据包括：子区块横向数据和子区块纵向数据；
所述子区块横向数据不大于所述父区块横向数据；
所述子区块纵向数据不大于所述父区块纵向数据。
CN201710592700.8A 2017-07-19 2017-07-19 基于用户界面展示的布局方法 Pending CN107368237A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710592700.8A CN107368237A (zh) 2017-07-19 2017-07-19 基于用户界面展示的布局方法

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710592700.8A CN107368237A (zh) 2017-07-19 2017-07-19 基于用户界面展示的布局方法

Publications (1)

Publication Number Publication Date
CN107368237A true CN107368237A (zh) 2017-11-21

Family

ID=60307311

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710592700.8A Pending CN107368237A (zh) 2017-07-19 2017-07-19 基于用户界面展示的布局方法

Country Status (1)

Country Link
CN (1) CN107368237A (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108427590A (zh) * 2018-02-09 2018-08-21 福建星网锐捷通讯股份有限公司 一种ui动态布局的实现方法

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102508663A (zh) * 2011-11-08 2012-06-20 深圳市理邦精密仪器股份有限公司 一种多参数监护仪图形界面布局设置的装置和方法
CN105164668A (zh) * 2013-03-06 2015-12-16 谷歌公司 多维布局的自动对准
CN105760146A (zh) * 2014-12-16 2016-07-13 上海天脉聚源文化传媒有限公司 一种用户界面布局方法及系统
CN106339381A (zh) * 2015-07-07 2017-01-18 腾讯科技（深圳）有限公司 一种信息处理方法及装置
US20170139563A1 (en) * 2015-11-12 2017-05-18 Nhn Entertainment Corporation Image data generation apparatus and non-transitory computer-readable recording medium

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102508663A (zh) * 2011-11-08 2012-06-20 深圳市理邦精密仪器股份有限公司 一种多参数监护仪图形界面布局设置的装置和方法
CN105164668A (zh) * 2013-03-06 2015-12-16 谷歌公司 多维布局的自动对准
CN105760146A (zh) * 2014-12-16 2016-07-13 上海天脉聚源文化传媒有限公司 一种用户界面布局方法及系统
CN106339381A (zh) * 2015-07-07 2017-01-18 腾讯科技（深圳）有限公司 一种信息处理方法及装置
US20170139563A1 (en) * 2015-11-12 2017-05-18 Nhn Entertainment Corporation Image data generation apparatus and non-transitory computer-readable recording medium

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108427590A (zh) * 2018-02-09 2018-08-21 福建星网锐捷通讯股份有限公司 一种ui动态布局的实现方法
CN108427590B (zh) * 2018-02-09 2021-02-05 福建星网锐捷通讯股份有限公司 一种ui动态布局的实现方法

Similar Documents

Publication Publication Date Title
CN102637118B (zh) 插入或删除电子表格中单元格或行列的方法及其装置
CN107168712A (zh) 界面绘制方法、移动终端及计算机可读存储介质
CN108228169A (zh) 基于eCharts工具的图表制作方法、装置、设备及介质
CN111563941B (zh) 一种图片验证码生成方法、验证方法、装置及相关设备
CN105760740A (zh) 一种基于移动终端的快速制作动态电子印章的方法
CN105956857A (zh) 一种安全虚拟密码键盘的生成系统以及方法
CN102043586B (zh) 电子表格中的背景色显示方法和装置
CN103389870B (zh) 一种触摸屏的解锁方法及装置
CN109147004A (zh) 笔迹显示方法、装置、设备及存储介质
CN106557501A (zh) 一种页面模块的屏幕适配方法和装置
CN108153454B (zh) 多点触摸切换方法、装置、存储介质及终端设备
CN106354378A (zh) 一种快速选中多个目标的方法和装置
CN107368237A (zh) 基于用户界面展示的布局方法
CN105787874A (zh) 一种对截图进行马赛克处理的方法和装置
CN106802750A (zh) 实现数据处理的交互方法及装置
WO2024148997A1 (zh) 一种思维导图生成方法、装置及存储介质
CN108197627A (zh) 一种沿顺时针方向提取二值图形轮廓的方法
CN104978118B (zh) 一种用户图形界面显示方法、装置及终端设备
CN107122104A (zh) 数据显示方法及装置
CN103646108B (zh) 一种页面区域的点击位置密集度的获取方法
CN107329758A (zh) 页面全屏设置方法、装置及用户终端
CN110322417A (zh) 图像处理实现方法及系统
CN108121541B (zh) 一种向画布添加二维界面组件时的建议位置生成方法
CN107102832A (zh) 图表中图形的显示方法及装置
CN103164546A (zh) 一种电路原理图连线的生成方法

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
WD01 Invention patent application deemed withdrawn after publication

Application publication date: 20171121

WD01 Invention patent application deemed withdrawn after publication