图形界面参数控件布局方法及系统与流程

1.本发明涉及图形界面技术领域，尤其涉及一种图形界面参数控件布局方法及系统。


背景技术：

2.图形用户界面(graphics user interface)，简称gui，是指计算机操作人员在与计算机系统的交互中，使用鼠标和键盘等工具，与显示屏上的图形化对象交互的操作方式。图形对象包括菜单、按钮、图标等标准界面对象，这些对象所关联的指令能被计算机系统识别并触发，指令执行后的运行结果，也会以图形方式呈现给用户。
3.图形用户界面已经成为当前软件应用系统中人机交互的主要手段。其主要生成方式为人工理解界面设计需求，选取相应界面控件(组)、以及以人工或者代码方式实现布局。
4.这一做法中，因设计人员理解能力及设计经验的差异化，使得控件布局结果具有很大的开放性，往往需要设计人员对设计结果进行反复迭代。
5.以常用的qt设计器为例，控件布局对设计人员的技巧性要求较高，每个控件的布局都需要人工介入，工作效率低下，设计人员的工作成果无法积累，面对新的需求，往往都是从零开始。
6.因此，有必要提供一种新型的图形界面参数控件布局方法及系统以解决现有技术中存在的上述问题。


技术实现要素：

7.本发明的目的在于提供一种图形界面参数控件布局方法及系统，提高图形界面参数控件布局的效率，避免反复迭代。
8.为实现上述目的，本发明的所述图形界面参数控件布局方法，包括：
9.从输入文件中获取参数控件；
10.获取所述参数控件的层级结构，根据所述参数控件的层级结构进行空间布局。
11.所述图形界面参数控件布局方法的有益效果在于：从输入文件中获取参数控件，获取所述参数控件的层级结构，根据所述参数控件的层级结构进行空间布局，提高了图形界面参数控件布局的效率，避免反复迭代。
12.可选地，所述从输入文件中获取参数控件，包括：
13.从所述输入文件中提取关键词来获取所述参数控件。
14.可选地，所述获取所述参数控件的层级结构，包括：
15.根据所述参数控件之间的依赖关系和用户使用信息中的至少一种获取所述参数控件的层级结构。
16.可选地，所述根据所述参数控件的层级结构进行空间布局，包括：
17.将所述参数控件归一化为基本布局单元；
18.根据所述参数控件的层级结构，将所述基本布局单元依次填充二维网格进行空间
布局。
19.可选地，所述根据所述参数控件的层级结构进行空间布局，还包括：
20.选取部分所述参数控件作为目标参数控件，调整所述目标参数控件的位置。
21.可选地，所述根据所述参数控件的层级结构进行空间布局，还包括创建容器型控件步骤，所述创建容器型控件步骤包括：
22.定义容器型控件的宽度，所述容器型控件容纳至少一个所述参数控件；
23.容纳于所述容器型控件内的参数控件按自左至右、从上至下依次填充。
24.可选地，执行所述获取所述参数控件的层级结构后，还包括：
25.通过依次递增的整数来描述所述参数控件的顺序。
26.可选地，执行所述获取所述参数控件的层级结构后，还包括创建页面步骤和解散页面步骤，
27.所述创建页面步骤包括：选择所述参数控件的层级结构中位于同一级或不同级的一个或多个所述参数控件组成一个页面，并降低所述参数控件在层级结构中的层级；
28.所述解散页面步骤包括：选择一个或多个页面解散，并还原所述参数控件在层级结构中的层级。
29.可选地，执行所述获取所述参数控件的层级结构后，还包括创建封闭组步骤和解散封闭组步骤，
30.所述创建封闭组步骤包括：选择所述参数控件的层级结构中位于同一级或不同级的一个或多个参数控件组成一个封闭组，并降低所述参数控件在层级结构中的层级，
31.所述解散封闭组步骤包括：选择一个或多个封闭组解散，并还原所述参数控件在层级结构中的层级。
32.可选地，所述输入文件的格式为tcl格式。
33.本发明还提供了一种图形界面参数控件布局系统，用于实现所述图形界面参数控件布局方法，所述图形界面参数控件布局系统包括第一获取单元、第二获取单元和布局单元，所述第一获取单元用于从输入文件中获取参数控件，所述第二获取单元用于获取所述参数控件的层级结构，所述布局单元用于根据所述参数控件的层级结构进行空间布局。
34.所述图形界面参数控件布局系统的有益效果在于：所述第一获取单元用于从输入文件中获取参数控件，所述第二获取单元用于获取所述参数控件的层级结构，所述布局单元用于根据所述参数控件的层级结构进行空间布局，提高了图形界面参数控件布局的效率，避免反复迭代。
附图说明
35.图1为本发明图形界面参数控件布局方法的流程图；
36.图2为本发明图形界面参数控件布局系统的结构框图。
具体实施方式
37.为使本发明的目的、技术方案和优点更加清楚，下面将结合本发明的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本发明的一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有作出创造
性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。除非另外定义，此处使用的技术术语或者科学术语应当为本发明所属领域内具有一般技能的人士所理解的通常意义。本文中使用的“包括”等类似的词语意指出现该词前面的元件或者物件涵盖出现在该词后面列举的元件或者物件及其等同，而不排除其他元件或者物件。
38.针对现有技术存在的问题，本发明的实施例提供了一种图形界面参数控件布局方法。参照图1，所述图形界面参数控件布局方法包括以下步骤：
39.s1：从输入文件中获取参数控件；
40.s2：获取所述参数控件的层级结构，根据所述参数控件的层级结构进行空间布局。
41.一些实施例中，所述输入文件为以计算机文件的形式储存了后续信息处理的必要数据，是后续工作流程的必要输入条件，所述输入文件的格式为tcl格式。
42.一些实施例中，图形用户界面中，以一定的图形样式存在的、支持用户交互控制的图形对象称为图形控件。所述图形控件依据是否关联工程参数，可以划分为参数控件和容器型控件。其中，参数控件的特征为与工程中具体参数关联，界面呈现形式包括但不限于：可编辑和不可编辑字符型、独立开关型、互斥开关型、列举项中单选/多选型、数值连续微调型、可弹出对话框的编辑字符型。容器控件的特征为没有工程中具体参数与其关联，仅仅是收纳前者，并对其进行空间排布，界面呈现上包括但不限于：页面、封闭组、堆叠组。
43.一些实施例中，所述从输入文件中获取参数控件，包括：从所述输入文件中提取关键词来获取所述参数控件。
44.一些实施例中，所述输入文件具体为
45.set_param-param_id{param_01}
–
widget lineedit
–
size 64
46.set_param-param_id{param_02}
–
widget combobox
–
value_list{1248}，
47.其中，可以获取识别符为param_01的参数控件，界面呈现类型为行编辑lineedit类型，限制输入长度为64字符，还可以获取识别符为param_02的参数控件，界面呈现类型为组合框combobox，组合框中填充列表对象为1、2、4和8。
48.一些实施例中，所述获取所述参数控件的层级结构，包括：根据所述参数控件之间的依赖关系和用户使用信息中的至少一种获取所述参数控件的层级结构。所述层级结构即树状结构。
49.一些实施例中，所述根据所述参数控件的层级结构进行空间布局，包括：
50.将所述参数控件归一化为基本布局单元；
51.根据所述参数控件的层级结构，将所述基本布局单元依次填充二维网格进行空间布局。其中，将所述参数控件归一化为基本布局单元即将各所述参数控件在界面上呈现为一致的尺寸，或部分所述参数控件的尺度为所述参数控件中最小尺度的整数倍，所述参数空间的尺度包括长度和宽度。
52.一些实施例中，所述根据所述参数控件的层级结构进行空间布局，还包括：选取部分所述参数控件作为目标参数控件，调整所述目标参数控件的位置。具体地，当部分参数控件需要强调说明时或特殊用途而需要置于行首时，可用定义“行首”特性为真，则该参数控件会跳过依次排布的限制，直接排布到下一行的行首。依次类推，可以定义“行尾”、“跳行”等，以进一步优化控件布局。
53.一些实施例中，所述根据所述参数控件的层级结构进行空间布局，还包括创建容
器型控件步骤，所述创建容器型控件步骤包括：
54.定义容器型控件的宽度，所述容器型控件容纳至少一个所述参数控件；
55.容纳于所述容器型控件内的参数控件按自左至右、从上至下依次填充。所述容器型控件本身不会单独占用尺寸，其尺寸与其容纳的参数控件尺寸和一致，或有结余。
56.一些实施例中，执行所述获取所述参数控件的层级结构后，还包括：通过依次递增的整数来描述所述参数控件的顺序。
57.一些实施例中，将联系紧密的几个参数控件建立封闭组，在图形界面上表现为有名称的边框，而这些参数控件位于边框内。为了界面空间复用，将多个参数控件分为若干组，每个组形成一个页面，而用户通过切换页面的方式在同一空间依次操作这些参数控件。如果参数控件数量较多，可以根据界面尺寸大小，自动将其组织到多个页面。
58.一些实施例中，执行所述获取所述参数控件的层级结构后，还包括创建页面步骤和解散页面步骤，
59.所述创建页面步骤包括：选择所述参数控件的层级结构中位于同一级或不同级的一个或多个所述参数控件组成一个页面，并降低所述参数控件在层级结构中的层级；
60.所述解散页面步骤包括：选择一个或多个页面解散，并还原所述参数控件在层级结构中的层级。
61.一些实施例中，执行所述获取所述参数控件的层级结构后，还包括创建封闭组步骤和解散封闭组步骤，
62.所述创建封闭组步骤包括：选择所述参数控件的层级结构中位于同一级或不同级的一个或多个参数控件组成一个封闭组，并降低所述参数控件在层级结构中的层级，
63.所述解散封闭组步骤包括：选择一个或多个封闭组解散，并还原所述参数控件在层级结构中的层级。
64.一些实施例中，根据参数控件的依赖关系创建页面或封闭组时，将所有参数控件在层级结构中的层级调整为同一页面或封闭组中参数控件所在的最低层级。
65.一些实施例中，为提高图形用户界面的交互性、友好性及美观性，参数控件可以定义特性包括控件标题、控件快捷键、控件提示信息、控件可见性控制、控件可访问控制和控件字体。其中，所述参数控件本身不包含控件标题，这一属性可以帮助用户了解参数控件的含义；所述控件快捷键为帮助用户使用键盘快速定位到某个参数控件；所述控件提示信息，当用户指点设备如鼠标在其上悬停时，会弹出文本框进行文字说明；控件可见性控制，因参数间的关联性影响，部分控件可以设置为隐藏，然后在条件满足后显现；可见性的改变通常会引起布局变化；控件可访问控制，因参数间的关联性影响，部分控件可以设置为禁止操作例如整体置为灰色，用户依然可以获取其上的信息但无法更改其任何数值/属性，可访问性的改变不会引起布局变化；控件字体包括颜色、字体特效等，便于突出某些参数控件。
66.一些实施例中，所述参数控件的特性可以通过tcl命令实现，tcl命令包含要素：控件名称、呈现属性名称、属性值，例如tcl命令set_widget_prop
–
widget_id{line_edit_view}
–
prop{displayname}
–
value{userview}。
67.一些实施例中，参数控件的界面布局及其属性，通常需要通过计算机文件进行保存，这里采用了脚本语言来保存，尤其是通过自定义的tcl命令。
68.图2为本发明一些实施例中图形界面参数控件布局系统的结构框图。参照图2，所
述图形界面参数控件布局系统100用于实现所述图形界面参数控件布局方法，所述图形界面参数控件布局系统100包括第一获取单元101、第二获取单元102和布局单元103，所述第一获取单元101用于从输入文件中获取参数控件，所述第二获取单元102用于获取所述参数控件的层级结构，所述布局单元103用于根据所述参数控件的层级结构进行空间布局。
69.虽然在上文中详细说明了本发明的实施方式，但是对于本领域的技术人员来说显而易见的是，能够对这些实施方式进行各种修改和变化。但是，应理解，这种修改和变化都属于权利要求书中所述的本发明的范围和精神之内。而且，在此说明的本发明可有其它的实施方式，并且可通过多种方式实施或实现。