CN102436381B - 一种界面布局的生成方法及装置 - Google Patents

一种界面布局的生成方法及装置 Download PDF

Info

Publication number
CN102436381B
CN102436381B CN201110361845.XA CN201110361845A CN102436381B CN 102436381 B CN102436381 B CN 102436381B CN 201110361845 A CN201110361845 A CN 201110361845A CN 102436381 B CN102436381 B CN 102436381B
Authority
CN
China
Prior art keywords
shape
information
layout
interface
size
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.)
Active
Application number
CN201110361845.XA
Other languages
English (en)
Other versions
CN102436381A (zh
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.)
ZTE Corp
Original Assignee
Nanjing ZTE New Software 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 Nanjing ZTE New Software Co Ltd filed Critical Nanjing ZTE New Software Co Ltd
Priority to CN201110361845.XA priority Critical patent/CN102436381B/zh
Publication of CN102436381A publication Critical patent/CN102436381A/zh
Priority to PCT/CN2012/077148 priority patent/WO2013071749A1/zh
Application granted granted Critical
Publication of CN102436381B publication Critical patent/CN102436381B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces

Abstract

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

Description

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

Claims (10)

1.一种界面布局的生成方法，其特征在于，所述方法包括：
获取待布局界面的坐标信息；
获取该待布局界面所使用的形状的信息和该形状的方向信息；
获取所使用形状在该待布局界面内排列的层次信息；
根据获取的坐标信息、形状信息和该形状的方向信息以及该层次信息，确定控件在该待布局界面内的排列位置和大小；
根据确定的排列位置和大小，确定控件排列后的形状，在该待布局界面内对所述形状进行布局。
2.如权利要求1所述的方法，其特征在于，所述坐标信息包括：该进行布局的位置信息和大小信息。
3.如权利要求1所述的方法，其特征在于，所述所使用的形状包括：规则几何形状和特殊形状。
4.如权利要求1所述的方法，其特征在于，所述方法还包括：
接收拖拽参数或修改参数，调整控件的排列位置和大小。
5.如权利要求4所述的方法，其特征在于，所述拖拽参数或修改参数包括：修改控件的大小和方向的拖拽参数和修改参数。
6.一种界面布局的生成装置，其特征在于，所述装置包括：
第一获取模块，用于获取待布局界面的坐标信息；
第二获取模块，用于获取该待布局界面所使用的形状的信息和该形状的方向信息；
第三获取模块，用于获取所使用形状在该待布局界面内排列的层次信息；
确定模块，用于根据获取的坐标信息、形状信息和该形状的方向信息以及该层次信息，确定控件在该待布局界面内的排列位置和大小；
布局模块，用于根据确定的排列位置和大小，确定控件排列后的形状，在该待布局界面内对所述形状进行布局。
7.如权利要求6所述的装置，其特征在于，所述第一获取模块，具体用于获取进行布局的位置信息和大小信息。
8.如权利要求6所述的装置，其特征在于，所述第二获取模块，具体用于获取规则几何形状和特殊形状的信息。
9.如权利要求6所述的装置，其特征在于，所述装置还包括：
调整模块，用于接收拖拽参数或修改参数，调整控件的排列位置和大小。
10.如权利要求9所述的装置，其特征在于，所述调整模块，具体用于修改控件的大小和方向的拖拽参数和修改参数。
CN201110361845.XA 2011-11-15 2011-11-15 一种界面布局的生成方法及装置 Active CN102436381B (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN201110361845.XA CN102436381B (zh) 2011-11-15 2011-11-15 一种界面布局的生成方法及装置
PCT/CN2012/077148 WO2013071749A1 (zh) 2011-11-15 2012-06-19 一种界面布局的生成方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201110361845.XA CN102436381B (zh) 2011-11-15 2011-11-15 一种界面布局的生成方法及装置

Publications (2)

Publication Number Publication Date
CN102436381A CN102436381A (zh) 2012-05-02
CN102436381B true CN102436381B (zh) 2018-09-28

Family

ID=45984460

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201110361845.XA Active CN102436381B (zh) 2011-11-15 2011-11-15 一种界面布局的生成方法及装置

Country Status (2)

Country Link
CN (1) CN102436381B (zh)
WO (1) WO2013071749A1 (zh)

Families Citing this family (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102436381B (zh) * 2011-11-15 2018-09-28 南京中兴软件有限责任公司 一种界面布局的生成方法及装置
WO2013170525A1 (zh) * 2012-05-16 2013-11-21 Liu Yong 一种以逻辑流程图示方式展示或绘制计算机应用程序组织逻辑流程关系的方法及装置
CN103870251B (zh) * 2012-12-07 2017-06-06 广州四三九九信息科技有限公司 从psd文件快速生成游戏ui功能面板的方法及装置
CN104656454A (zh) * 2013-11-18 2015-05-27 北京北方微电子基地设备工艺研究中心有限责任公司 一种气路系统的显示方法和装置
CN104951201A (zh) * 2014-03-28 2015-09-30 上海斐讯数据通信技术有限公司 一种可调节界面布局的广告机及其界面布局调节方法
CN104850436B (zh) * 2015-05-15 2018-02-09 无锡天脉聚源传媒科技有限公司 一种在页面中加载插件的方法及装置
CN105022632A (zh) * 2015-07-10 2015-11-04 深圳市永兴元科技有限公司 界面生成方法及装置
CN115048088A (zh) * 2016-05-17 2022-09-13 谷歌有限责任公司 自动确定布局约束的系统和方法
CN110058909B (zh) * 2019-02-26 2022-03-08 创新先进技术有限公司 控件的布局方法、布局装置、服务器及可读存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101114225A (zh) * 2007-08-28 2008-01-30 中国科学院软件研究所 一种图形用户界面的多语言自适应方法
CN101131637A (zh) * 2007-09-17 2008-02-27 北大方正集团有限公司 一种生成用户界面的方法及装置
CN101655793A (zh) * 2009-09-25 2010-02-24 金蝶软件（中国）有限公司 一种界面生成方法及装置
CN101859245A (zh) * 2009-04-09 2010-10-13 北大方正集团有限公司 一种生成用户界面的方法和装置

Family Cites Families (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TWI273487B (en) * 2004-06-08 2007-02-11 Via Tech Inc Computer system, related method, manufacture developing method and related system for generating program codes for describing relations of numerous function titles and numerous control signal codes of a device
CN102193786B (zh) * 2010-03-11 2014-04-09 中国工商银行股份有限公司 一种自适应的图形用户界面构建装置及方法
CN101976194A (zh) * 2010-10-29 2011-02-16 中兴通讯股份有限公司 一种设置用户界面的方法及装置
CN102436381B (zh) * 2011-11-15 2018-09-28 南京中兴软件有限责任公司 一种界面布局的生成方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101114225A (zh) * 2007-08-28 2008-01-30 中国科学院软件研究所 一种图形用户界面的多语言自适应方法
CN101131637A (zh) * 2007-09-17 2008-02-27 北大方正集团有限公司 一种生成用户界面的方法及装置
CN101859245A (zh) * 2009-04-09 2010-10-13 北大方正集团有限公司 一种生成用户界面的方法和装置
CN101655793A (zh) * 2009-09-25 2010-02-24 金蝶软件（中国）有限公司 一种界面生成方法及装置

Also Published As

Publication number Publication date
CN102436381A (zh) 2012-05-02
WO2013071749A1 (zh) 2013-05-23

Similar Documents

Publication Publication Date Title
CN102436381B (zh) 一种界面布局的生成方法及装置
CN104239044B (zh) 一种图形用户界面动态生成方法
CN102915201B (zh) 一种大屏幕触控手机的单手操作方法
CN103116454B (zh) 一种移动终端触摸屏视图布局调整方法
CN106164839B (zh) 以减小的等待时间提供对输入的视觉响应的方法
CN105142148B (zh) 终端真伪验证方法及装置
WO2007013296A1 (ja) ループシミュレーション装置とその方法並びにそのプログラム
JP2004070956A5 (zh)
USD847202S1 (en) Portion of a communications terminal display screen with a dynamic icon
CN103116453A (zh) 一种图形对象的操作管理方法及操作管理装置
CN110389660A (zh) 多用户共享的基于虚拟和增强现实的触觉的系统和方法
CN104102407B (zh) 一种参数输入方法及系统
CN105487858B (zh) 一种基于html5的在线表单设计系统
CN102903138B (zh) 一种考虑形状的二维数字角色骨架操作方法
CN103389870B (zh) 一种触摸屏的解锁方法及装置
CN103034490B (zh) 一种基于Managed C实现WPF窗体与GDI窗体消息互操作的方法
CN106297477B (zh) 一种生成数字化字帖的方法及装置
JP2006317450A5 (zh)
CN107077754A (zh) 显示装置和控制显示装置的方法
CN105957153B (zh) 在PowerMill软件中对模具上的基准孔添加字符标记的方法和装置
JP2009271909A (ja) 図形描画編集システム、図形描画編集装置及び図形描画編集方法
Kohli Warping virtual space for low-cost haptic feedback
CN103020355B (zh) 一种实现船舶曲面分段空间布局调度的方法
CN110096736A (zh) 一种二维户型图绘制方法
CN104199807B (zh) 一种图形排版方法

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
TA01 Transfer of patent application right

Effective date of registration: 20180622

Address after: 210012 No. 68, Bauhinia Road, Ningnan street, Yuhuatai District, Nanjing, Jiangsu

Applicant after: Nanjing Zhongxing Software Co., Ltd.

Address before: 518057 Nanshan District high tech Industrial Park, Shenzhen, Guangdong, Ministry of justice, Zhongxing Road, South China road.

Applicant before: ZTE Corporation

TA01 Transfer of patent application right
GR01 Patent grant
GR01 Patent grant
TR01 Transfer of patent right

Effective date of registration: 20191104

Address after: 518057 Nanshan District science and Technology Industrial Park, Guangdong high tech Industrial Park, ZTE building

Patentee after: ZTE Communications Co., Ltd.

Address before: 210012 Nanjing, Yuhuatai District, South Street, Bauhinia Road, No. 68

Patentee before: Nanjing Zhongxing Software Co., Ltd.

TR01 Transfer of patent right