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