CN102375733A - 一种便捷的界面布局方法 - Google Patents

Abstract

本发明公开了一种便捷的界面布局方法，用以提高软件开发时界面布局编码的速度，适应软件代码日益复杂的状况。该方法包括：确定用户界面中各参数的数据模型及其对应的控件，以及各控件的类型，将各控件名称、类型、大小、位置以及显示文字等属性记录在一个属性文件中，调整界面布局确定各控件的尺寸及位置，运行应用程序，软件根据记录属性的文件中所记录的各控件的属性信息加载各控件并呈现在用户界面中。

Description

一种便捷的界面布局方法

技术领域

本发明涉及应用软件开发领域，尤其涉及一种JAVA开发环境中的界面布局方法。

背景技术

当今的应用软件大多通过可视化的图形界面与用户进行交互，因此整齐、美观、易用的图形界面对于软件的质量有着至关重要的作用。

JAVA编程语言与其他一些可视化编程语言存在着较大的不同，JAVA开发环境不提供可直接进行编辑的可视化控件编辑工具(虽然也有插件可以实现，但是使用过程复杂且易出错)，所有界面中的控件以及界面布局都必须通过代码进行控制，编译器通过读取代码中的布局信息在软件运行时将各控件在图形界面中进行显示并与用户交互。

此种方法开发的应用程序存在的问题是：第一，界面布局的控制代码分散在程序的各个部分，当应用程序进行版本升级或者进行系统维护时需要修改界面布局时要对代码的多个部分进行修改，不便于开发的进行且容易导致出错；第二，如果软件需要支持多种语言环境，由于界面中的文字需要改变，且不同语言对于相同词语的表达不同导致界面控件的大小和位置也会发生变化，因此如果界面布局直接在代码中进行控制将会导致代码非常凌乱复杂，不便于开发工作的进行。所以在此种方式下进行应用软件的开发一般效率比较低且出错几率比较大。

发明内容

本发明的目的在于提供一种应用于JAVA开发环境中的便捷的界面布局方法，用以提高软件开发过程中安排界面布局的速度，并降低软件开发、维护的成本。

本发明的技术方案如下：一种便捷的界面布局方法，包括如下步骤：

步骤(一)，确定用户界面中各参数的数据模型及其对应的控件，以及各控件的类型、初始大小、位置和显示文字，并确定各控件的属性信息；

步骤(二)，对界面布局中各控件的属性信息进行分析，得到各属性的值，将各个属性值记录在属性文件中；

步骤(三)，根据属性文件所记录的信息，加载界面中的各个控件，并显示在用户界面中，通过调整属性文件中的各个属性值，控制各控件在界面中的布局，使之符合用户界面的布局要求。

进一步，如上所述的界面布局方法，其中，所述的属性文件为保存布局信息的文件，其中记录了各控件的名称、类型、上一层控件、大小、位置；所述各控件的属性信息依据控件的类型包括特定的属性，具体如下：如果是标签类的控件则包括各控件所显示的文字，如果是选择框或者下拉框类的控件则包括各选项的具体条目，如果是按钮类的控件则包括初始加载时各控件的使能状态；如果控件为非面板类控件，还需要记录控件的上一层控件，即放置控件的容器，通过读取各控件之间的上下层关系设置各自的所属关系，以便能正确设置层次关系，所得各层次关系仍按照一定的编码方式记录于属性文件中。

进一步，如上所述的界面布局方法，其中，步骤(一)中确定各参数的数据模型及其对应的控件，具体包括：

建立参数数据模型，确定参数类型，以及保存参数的文件的格式，并根据文件所需要存放的位置与用户接口所在的位置关系确定读取、保存方式，根据以上信息确定用户读取和保存界面参数的参数交互接口；

依次对每一个参数进行分析，确定各参数的类型、取值范围以及所对应的界面中的控件，并根据分析结果确定参数传递所采取的数据流类型及返回值所采用的流的类型。

进一步，如上所述的界面布局方法，其中，如果需要支持多语言版本，则生成多个属性文件，并通过命名直接进行区分，不同的属性文件记录界面中各个控件在不同语言环境中的位置、大小以及显示文字。生成多个属性文件的具体过程如下：

确定所需要支持的语言种类，根据语言种类设置保存文件的编码；

在当前的语言种类的环境中加载初始的界面状态，对各控件进行调整，直至布局符合软件交互要求，生成符合当前语言环境布局要求的属性文件，记录各控件属性；

改变当前语言为所需支持的其他语言类型，根据之前的属性加载界面状态，根据之前已经调整过的界面布局对界面进行局部的修改，使界面布局符合新语言环境的要求，完成后将布局记录为一个此种语言版本的属性文件并指定编码。

进一步，如上所述的界面布局方法，其中，支持各语言版本的属性文件生成以后，步骤(三)中加载界面中的各个控件时，首先读取软件运行的语言环境，根据语言环境确定加载界面应该读取的属性文件；然后，依次读入所有的控件种类，如果是面板类控件，则作为界面的最上层界面，作为存放其他控件的容器，并根据属性中的位置、大小信息置于布局中的适当位置；接下来，依次读取界面中的其他控件，根据属性信息中的上一层控件，找到所属面板再根据位置大小信息放置在面板中，如果是下拉选择框，还需要读取各选项条目信息并加载到控件中供用户进行选择；同时，根据属性文件中的各控件的使能状态属性设置各控件的使能状态。

进一步，如上所述的界面布局方法，其中，如果进行版本升级或者系统维护需要修改界面布局，则直接修改属性文件或者将属性文件进行替换。

本发明的有益效果如下：本发明提供的界面布局方法，对应用程序界面中的各控件的属性信息自动分析、记录，软件运行时根据属性文件自动加载，将原来分散在程序代码中的界面布局控制代码集中在属性文件中，便于对布局属性的统一管理和修改，降低界面变动时重新编译代码带来的风险，并且根据软件运行的不同语言环境加载不同的属性文件，能够适应软件开发中应用程序经常变化的要求。

附图说明

图1为本发明实施例中界面布局方法流程图；

图2为本发明实施例中生成属性文件的处理流程图；

图3为本发明实施例中对一具体界面进行布局的流程图；

图4为本发明实施例中整体流程框图。

具体实施方式

为了能在软件开发、维护过程中方便、迅速地设置、修改应用程序中的界面布局，本发明实施例提供了一种便捷的界面布局方法，用以提高软件开发过程中对不同类型控件进行布局的效率。

如图1所示，本发明实施例提供的界面布局方法，包括如下步骤：

S101.确定用户界面中各参数的数据模型及其对应的控件，以及各控件的类型、初始大小、位置和显示文字，并确定各控件的属性信息，生成属性文件；

S102.对界面布局中各控件的属性信息进行分析，得到各属性的值，将各个属性值记录在属性文件中；

S103.根据属性文件所记录的信息，加载界面中的各个控件，并显示在用户界面中，通过调整属性文件中的各个属性值，控制各控件在界面中的布局，使之符合用户界面的布局要求。

在考虑界面布局的同时还需要留出用户读取和保存界面参数的接口，才能完成应用软件与用户的交互过程。S101中确定各参数的数据模型及其对应的控件，具体包括：

建立参数数据模型，确定参数类型，以及保存参数的文件的格式，并根据文件所需要存放的位置与用户接口所在的位置关系确定读取、保存方式，根据以上信息确定用户读取和保存界面参数的参数交互接口；

依次对每一个参数进行分析，确定各参数的类型、取值范围以及所对应的界面中的控件，并根据分析结果确定参数传递所采取的数据流类型及返回值所采用的流的类型。

在S101中，控件的类型，是指控件是仅用于显示信息的标签，或者是可以进行文本输入、编辑的文本框，或者是供用户从多个选项中进行选择的单选、复选框等，可以用type表示；控件的上一层容器(或者称为父容器)，是指控件是放置于哪个控件之上，可以用topContainer表示；控件的初始大小、位置可以用bounds为属性名称的4个数字进行表示，分别表示控件的在父容器中的横向、纵向起始位置以及横向、纵向大小；除此之外，控件所需要显示的文字可以用text进行表示。

在S101的具体实施过程中，不同类型的控件因为所具有的属性不同还需要进行不同的处理，具体是指：

如果控件是标签类的控件则包括各控件所显示的文字；如果控件是选择框或者下拉框类型，则包括各选项的具体条目，需要设置下拉框控件的数据模型，以存放下拉选项，软件运行时读取下拉选项的数据并加载到下拉选项中以供用户进行选择；如果是按钮类的控件则包括初始加载时各控件的使能状态。

如果控件为面板类型，则text项中的内容应为面板的标题，且控件的父容器为应该为最上层的控件；如果控件为非面板类控件，还包括控件的上一层控件，通过读取各控件之间的上下层关系设置各自的所属关系，以便能正确设置层次关系，所得各层次关系仍按照一定的编码方式记录于属性文件中。

将以上控件属性确定以后，再对控件位置、大小进行调整，并将调整完成后的结果记录为属性文件，属性文件为保存布局信息的文件，其中记录了各控件的名称、类型、上一层控件、大小、位置。如图2所示，具体包括步骤：

S201.赋给各控件的属性初始值，运行程序将各控件显示在界面中，依据界面布局原则对布局进行调整，注意给各控件的显示保留一定富余尺寸，以避免在不同操作系统中由于字体不同导致不能正常显示。

S202.依次分析每个控件的属性，得到各属性的数据值，确定当前语言环境，将每一个控件的属性值写入属性文件中，并根据语言环境设置属性文件的文件名称。

属性文件的格式也必须注意，为便于程序读取和查找，属性文件记录为XML格式，用树状结构表示各控件直接的从属关系，并且文件中的标记可以使各属性值的查找非常简捷。

在对所有点阵数据段的预处理完成之后，即可生成FSTIF文件，FSTIF文件包括文件描述信息和各预处理后的点阵数据段。

如果需要支持多语言版本，则生成多个属性文件，并通过命名直接进行区分，不同的属性文件记录界面中各个控件在不同语言环境中的位置、大小以及显示文字。生成多个属性文件的具体过程如下：

确定所需要支持的语言种类，根据语言种类设置保存文件的编码；

在当前的语言种类的环境中加载初始的界面状态，对各控件进行调整，直至布局符合软件交互要求，生成符合当前语言环境布局要求的属性文件，记录各控件属性；

改变当前语言为所需支持的其他语言类型，根据之前的属性加载界面状态，根据之前已经调整过的界面布局对界面进行局部的修改，使界面布局符合新语言环境的要求，完成后将布局记录为一个此种语言版本的属性文件并指定编码。

对于其他所需支持的语言继续使用以上方法，直到得出所有需要支持的语言版本的属性文件。支持各语言版本的属性文件生成以后，S103中加载界面中的各个控件时，首先读取软件运行的语言环境，根据语言环境确定加载界面应该读取的属性文件(例如中文环境，则读取名称中标识为中文的属性文件)；然后，依次读入所有的控件种类，如果是面板类控件，则作为界面的最上层界面，作为存放其他控件的容器，并根据属性中的位置、大小信息置于布局中的适当位置；接下来，依次读取界面中的其他控件，根据属性信息中的上一层控件，找到所属面板再根据位置大小信息放置在面板中，如果是下拉选择框，还需要读取各选项条目信息并加载到控件中供用户进行选择；同时，根据属性文件中的各控件的使能状态属性设置各控件的使能状态。

下面以一个简单的界面布局为例，详细介绍S202的具体实施过程。首先定义几个变量，其中，变量checkLine表示需要添加到界面中的复选框；变量overprintLab表示添加到界面的标签；变量overprintBox表示添加到界面的下拉框。如图3所示，包括如下步骤：

S300.将变量checkLine、overprintLab和overprintBox的topContainer值初始化设置为Control，表示父窗体为本面板，将以上变量bounds值设置为相应起始点及大小；

S301.将以上控件在界面中进行显示判断界面是否符合要求，如果是，则继续S302；如果否，进行修改，直至符合要求，然后继续S302；

S302.将属性文件编码方式设置为UTF-8，将以上控件的各个属性记录在设置编码后的属性文件中；

S303.判断当前的程序是否因为升级或其他原因而进行修改，如果是，则继续S305，如果否，则转至S304；

S304.依据新的要求将界面进行修改，并转至S301；

S305.对界面中的各控件属性进行分析，确定界面语言环境，生成属性文件，并在文件名称中设置语言标志；

S306.使用新的属性文件重新加载程序界面；

S307.判断修改以后的界面布局是否符合要求，如果是，则继续S308，更新属性文件；如果否，进行修改，直至符合要求，然后继续S308；

S308.根据之前的操作结果，使用设定的编码更新属性文件内容；

S309.判断当前语言设置是否与实际语言环境保持一致，如果是，则继续S310；如果否，进行修改，直至符合要求，然后继续S310；

S310.将各控件的属性读取后将控件加载到程序界面中；

S311.用户通过软件界面与软件进行交互；至此，对当前的程序界面布局完成。

本发明实施例中的整体流程如图4所示，包括设置界面布局51、分析界面布局52、记录属性文件53、界面布局显示54几个部分。通过将界面布局信息记录于属性文件中，并对不同的语言环境生成不同的属性文件(即不同语言版本541)，同时使用可以适应不同环境的编码方式，对属性文件进行修改542，使得软件界面布局的设置、修改非常方便、迅速，也减少了修改代码后重新编译版本带来的引入错误的风险，并通过集中管理布局文件，提高编码速度，从而显著提高了软件开发的效率，能够适应软件开发日益复杂化的要求。如果进行版本升级或者系统维护需要修改界面布局，则直接修改属性文件或者将属性文件进行替换。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (8)

1.一种便捷的界面布局方法，包括如下步骤：

步骤(一)，确定用户界面中各参数的数据模型及其对应的控件，以及各控件的类型、初始大小、位置和显示文字，并确定各控件的属性信息，生成属性文件；

步骤(二)，对界面布局中各控件的属性信息进行分析，得到各属性的值，将各个属性值记录在属性文件中；

步骤(三)，根据属性文件所记录的信息，加载界面中的各个控件，并显示在用户界面中，通过调整属性文件中的各个属性值，控制各控件在界面中的布局，使之符合用户界面的布局要求。

2.如权利要求1所述的界面布局方法，其特征在于：所述的属性文件为保存布局信息的文件，其中记录了各控件的名称、类型、上一层控件、大小、位置。

3.如权利要求1或2所述的界面布局方法，其特征在于：所述各控件的属性信息依据控件的类型包括特定的属性，具体如下：如果是标签类的控件则包括各控件所显示的文字，如果是选择框或者下拉框类的控件则包括各选项的具体条目，如果是按钮类的控件则包括初始加载时各控件的使能状态；如果控件为非面板类控件，还包括控件的上一层控件，通过读取各控件之间的上下层关系设置各自的所属关系，以便能正确设置层次关系，所得各层次关系仍按照一定的编码方式记录于属性文件中。

4.如权利要求1所述的界面布局方法，其特征在于：步骤(一)中确定各参数的数据模型及其对应的控件，具体包括：

建立参数数据模型，确定参数类型，以及保存参数的文件的格式，并根据文件所需要存放的位置与用户接口所在的位置关系确定读取、保存方式，根据以上信息确定用户读取和保存界面参数的参数交互接口；

依次对每一个参数进行分析，确定各参数的类型、取值范围以及所对应的界面中的控件，并根据分析结果确定参数传递所采取的数据流类型及返回值所采用的流的类型。

5.如权利要求2所述的界面布局方法，其特征在于：如果需要支持多语言版本，则生成多个属性文件，并通过命名直接进行区分，不同的属性文件记录界面中各个控件在不同语言环境中的位置、大小以及显示文字。

6.如权利要求5所述的界面布局方法，其特征在于：生成多个属性文件的具体过程如下：

确定所需要支持的语言种类，根据语言种类设置保存文件的编码；

在当前的语言种类的环境中加载初始的界面状态，对各控件进行调整，直至布局符合软件交互要求，生成符合当前语言环境布局要求的属性文件，记录各控件属性；

改变当前语言为所需支持的其他语言类型，根据之前的属性加载界面状态，根据之前已经调整过的界面布局对界面进行局部的修改，使界面布局符合新语言环境的要求，完成后将布局记录为一个此种语言版本的属性文件并指定编码。

7.如权利要求6所述的界面布局方法，其特征在于：支持各语言版本的属性文件生成以后，加载界面中的各个控件时，首先读取软件运行的语言环境，根据语言环境确定加载界面应该读取的属性文件；然后，依次读入所有的控件种类，如果是面板类控件，则作为界面的最上层界面，作为存放其他控件的容器，并根据属性中的位置、大小信息置于布局中的适当位置；接下来，依次读取界面中的其他控件，根据属性信息中的上一层控件，找到所属面板再根据位置大小信息放置在面板中，如果是下拉选择框，还需要读取各选项条目信息并加载到控件中供用户进行选择；同时，根据属性文件中的各控件的使能状态属性设置各控件的使能状态。

8.如权利要求5所述的界面布局方法，其特征在于：如果进行版本升级或者系统维护需要修改界面布局，则直接修改属性文件或者将属性文件进行替换。

Images