一种界面布局的生成方法及装置制造方法及图纸

本发明专利技术提供一种页面布局的生成方法及装置，该方法包括：根据待布局界面的坐标信息，所使用的形状、该形状的方向以及该图形在该待布局界面内的排列的层次，具体的确定控件的位置和大小，从而进行布局。该过程中无需通过代码对所使控件进行布局，方便了设计，提高了开发的效率，同时实现了布局的多样性，使得界面更加的丰富，满足用户的体验感受。

【技术实现步骤摘要】

本专利技术涉及软件开发
，尤其涉及一种页面布局的生成方法及装置。
技术介绍
在软件开发过程中，生成界面的布局如同工业产品进行工业造型一样，对于产品非常重要，而检验生成界面布局的标准时最终用户的感受，一个友好、美观的界面会给用户带来舒适的视觉享受。通过软件开发在生成页面布局的过程中，为了满足用户的良好感受需求，界面布局的生成已经从软件产品开发的次要地位变成重要因素之一。目前在生成界面布局的过程中方法比较单一，无法为用户提供丰富、多样化的感受。
技术实现思路
本专利技术提供一种页面布局的生成方法及装置，用以解决现有技术中生成的页面布局单一的问题。本专利技术提供一种界面布局的生成方法，该方法包括获取待布局界面的坐标信息；获取该待布局界面所使用的形状的信息和该形状的方向信息；获取所使用形状在该待布局界面内排列的层次信息；根据获取的坐标信息、形状信息和该形状的方向信息以及该层次信息，确定控件在该待布局界面内的排列位置和大小；根据确定的排列位置和大小，在该待布局界面内进行布局。本专利技术提供一种界面布局的生成装置，该装置包括第一获取模块，用于获取待布局界面的坐标信息；第二获取模块，用于获取该待布局界面所使用的形状的信息和该形状的方向信息；第三获取模块，用于获取所使用形状在该待布局界面内排列的层次信息；确定模块，用于根据获取的坐标信息、形状信息和该形状的方向信息以及该层次信息，确定控件在该待布局界面内的排列位置和大小；布局模块，用于根据确定的排列位置和大小，在该待布局界面内进行布局。本专利技术提供一种页面布局的生成方法及装置，该方法包括根据待布局界面的坐标信息，所使用的形状、该形状的方向以及该图形在该待布局界面内的排列的层次，具体的确定控件的位置和大小，从而进行布局。该过程中无需通过代码对所使控件进行布局，方便了设计，提高了开发的效率，同时实现了布局的多样性，使得界面更加的丰富，满足用户的体验感受。附图说明此处所说明的附图用来提供对本专利技术的进一步理解，构成本专利技术的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本专利技术的不当限定。在附图中图1为本专利技术实施例提供的一种界面布局的生成过程；图2为本专利技术提供的另一实施例，对本专利技术的界面布局的生成过程进行详细说明；图3为本专利技术提供的一种界面布局的生成装置结构示意图。 具体实施例方式为了使本专利技术所要解决的技术问题、技术方案及有益效果更加清楚、明白，以下结合附图和实施例，对本专利技术进行进一步详细说明。应当理解，此处所描述的具体实施例仅仅用以解释本专利技术，并不用于限定本专利技术。图1为本专利技术实施例提供的一种界面布局的生成过程，该过程包括以下步骤SlOl 获取待布局界面的坐标信息。其中该坐标信息包括在界面上进行布局的位置信息和大小信息等。S102:获取该待布局界面所使用的形状的信息和该形状的方向信息。其中待布局界面所使用的形状包括常用的几何形状，例如圆形、椭圆形、三角形、 矩形、菱形、梯形、多边形等，还包括一些特殊的形状，例如心形、星形、弧形等。另外，该形状的方向既包括常用的上下左右、左上、左下、右上、右下8个方向，还可以通过设定角度来设定形状的方向。S103 获取所使用形状在该待布局界面内排列的层次信息。即所述使用的形状在该待布局的界面内排列的图数，越往内层，所使用的形状的数量越少。S104:根据获取的坐标信息、形状信息和该形状的方向信息以及该层次信息，确定控件在该待布局界面内的排列位置和大小。S105 根据确定的排列位置和大小，在该待布局界面内进行布局。由于在本专利技术中可以根据待布局界面的坐标信息，所使用的形状、该形状的方向以及该图形在该待布局界面内的排列的层次，具体的确定控件的位置和大小，从而进行布局。该过程中无需通过代码对所使控件进行布局，方便了设计，提高了开发的效率，同时实现了布局的多样性，使得界面更加的丰富，满足用户的体验感受。图2为本专利技术提供的另一实施例，对本专利技术的界面布局的生成过程进行详细说明，该过程包括以下步骤S201 获取在待布局的界面上显示的进行布局的坐标信息，该坐标信息包括位置信息和大小信息。一般在针对界面进行布局时，为该界面即该容器设定为使用何种布局，例如当该界面为面板时，为面板设定为绝对布局，则在该界面上进行布局的位置和大小也就确定，即该布局的位置和大小与该容器的位置和大小一致。其他的布局方案与上述描述相同，相信本领域技术人员可以根据上述描述获取相应的进行布局的坐标信息。S202 获取待布局界面所使用的形状的信息和该形状的方向信息。具体的，本专利技术在生成界面布局时，可以预置多种形状，在进行形状的选择时，用户可以通过下拉框的形式选择所使用的形状，从而获取在该待布局的界面内所使用的形状。在获取该形状的方向信息时，可以通过用户输入的信息，获取具体的所使用形状的方向信息，例如可以为具体左上30度等等信息，也可以根据组合框内用户时输入的方向和设定的角度，获取该所使用形状的方向信息。S203 获取该所使用的形状在该待布局的界面内排列的层次信息。具体的，该所使用的图形在待布局的界面内排列的层次可以理解为，该所使用的形状在容器内的排列的图数，一般该图数的范围可以为1 5。在具体的获取该层次信息时，可以通过下拉框的形式获取，也可以根据用户时输入的方式获取。S204:根据获取的坐标信息、形状信息和该形状的方向信息以及该层次信息，确定控件该待布局界面内的排列位置和大小。当获取了待布局界面的坐标信息、所使用的形状、该形状的方向以及该层次信息后，即可生成具体的布局。S205 根据确定的排列位置和大小，在该待布局界面内进行布局。在该待布局界面内进行布局时，可以根据确定的排列位置和大小，在待布局界面内通过画板和具体的所使用的形状，进行具体的可视化布局。例如，当获取了待布局界面的位置信息和大小信息后，该所使用的形状为圆形时， 固定圆形的正上方为控件的一个排列位置处，则根据上述信息，可以确定每个控件的具体排列位置。当在进行布局时，设置了第一个控件，并且该第一个控件位于圆形的正上方时， 每设置一个控件，都将触发整个布局的调整，从而确定在将整个控件构成圆形时，所需的控件数，并且通过计算每两个控件与圆心之间的角度，依次可以确定后面排列的控件的位置， 从而可以将所有的控件排列成圆形。通过本专利技术的上述实施例确定了控件的具体排列位置和大小后，在具体的进行设计时，可以根据上述确定的排列位置和大小进行相应的可视化布局。另外还可以对上述控件的排列位置和大小进行修改，具体修改时，可以通过鼠标拖拽控件或修改控件坐标来进行，形成拖拽参数和修改参数，根据该拖拽参数或修改参数，调整控件的排列位置和大小。 具体的该拖拽参数和修改参数可以为具体的移动控件大小和方向的拖拽参数和修改参数。 一般的进行布局的界面是由坐标系的，将控件从一点拖拽到目标点，或者直接将控件的坐标修改为目标点的坐标。当获取了相应的拖拽参数或修改参数后，根据该拖拽参数或修改参数，以及坐标信息、形状的信息和该形状的方向信息，重新确定控件的排列位置和大小。图3为本专利技术提供的一种界面布局的生成装置结构示意图，该装置包括第一获取模块31，用于获取待布局界面的坐标信息；第二获取模块32，用于获取该待布局界面所使用的形状的信息和该形状的方向信息；第三获取模块33，本文档来自技高网...

【技术保护点】

【技术特征摘要】

【专利技术属性】
技术研发人员：王晗，
申请(专利权)人：中兴通讯股份有限公司，
类型：发明
国别省市：