CN105511843A - 一种生成应用程序界面的方法和装置 - Google Patents

Abstract

本申请公开了一种生成应用程序界面的方法，包括：A、创建xml格式的界面参数配置文件，其中包含该界面所需的参数及属性；B、解析所述配置文件，将界面的参数和属性加载到内存中；C、根据内存中界面的参数和属性，创建各个控件并对控件进行布局。本申请还公开了一种生成应用程序界面的装置。根据本申请技术方案，在界面上的元素需要修改时无需重新编译。

Description

一种生成应用程序界面的方法和装置

技术领域

本申请涉及计算机技术领域，尤其涉及一种生成应用程序界面的方法和装置。

背景技术

界面开发人员可以基于不同的计算机语言进行界面设计，但通常都是基于一定的框架在集成开发环境中通过可视化编码来完成界面设计。以用C#语言进行界面设计为例，通常界面开发人员是基于DotNetFramework框架在MicrosoftVisualStudio集成开发环境中，新建一个窗体(Form)，在工具箱中拖拽DotNetFramework框架提供的基础控件至窗体中，然后设置控件的属性和方法，最后编译窗体所在的项目生成程序集文件，完成界面的设计。

现有技术中存在如下缺点：即使当界面上仅有少量元素属性需要修改或者需要增加新元素时，也需要重新编译生成一次项目代码，在当前项目界面个数比较多的情况下，重新编译项目是很耗时的，影响开发的速度。

发明内容

本申请提供了一种生成应用程序界面的方法和装置，在界面上的元素需要修改时无需重新编译。

本申请实施例提供的一种生成应用程序界面的方法，包括：

A、创建xml格式的界面参数配置文件，其中包含该界面所需的参数及属性；

B、解析所述配置文件，将界面的参数和属性加载到内存中；

C、根据内存中界面的参数和属性，创建各个控件并对控件进行布局。

较佳地，所述xml格式的界面参数配置文件中，每一个界面参数的每一个属性对应一个xml节点。

较佳地，步骤B包括：

B1、定义用于在内存中临时存储界面参数数据的界面参数属性结构体；界面参数属性结构体中的各元素与xml格式的配置文件中的各属性一一对应；

B2、调用xml文件类的加载方法将xml格式的界面参数配置文件加载到内存中，逐个节点读取xml格式的配置文件中的数据，将界面参数数据循环写入界面参数属性结构体中，形成界面参数属性结构体列表。

较佳地，步骤C包括：

循环遍历界面参数属性结构体列表，取出界面参数属性结构体列表中的每个元素的取值进行如下处理：

C1、根据界面参数属性结构体中的类型元素的取值，创建该取值对应类型的自定义控件类对象；

C2、创建控件，并对所创建的控件进行布局。

较佳地，步骤C包括：

遍历界面参数属性结构体列表，每次创建完当前控件时，都将当前控件标记为最后一个控件，当遍历到下一个参数时，通过获取最后一个控件的位置作为参考位置，计算出当前需要创建的控件的位置。

较佳地，所述界面的参数和属性包括：从属页名称和从属组名称。

较佳地，步骤B进一步包括：

B3、提取出各参数从属的页信息和组信息，分别形成页列表和组列表；

B4、提取出组与页之间的对应关系，存储到Dictionary<string,string>键值对格式的变量中；

B5、提取出每个组中包含的控件总数。

较佳地，步骤C2所述创建控件包括：

C2-1、遍历界面参数属性结构体列表，判断参数是否全部创建完毕，若是，结束创建控件的流程，否则执行步骤C2-2；

C2-2、获取界面参数属性结构体列表当前参数的从属分页名称，判断是否需要分页，若是执行步骤C2-3，否则转至步骤C2-5；

C2-3、判断当前分页是否已经创建过，若是执行步骤C2-5，否则执行步骤C2-4；

C2-4、创建新的分页；

C2-5、获取界面参数属性结构体列表当前参数的从属分组名称，判断是否需要分组，若是执行步骤C2-6，否则转至步骤C2-8；

C2-6、当前分组是否已经创建过，若是转至步骤C2-8，否则执行步骤C2-7；

C2-7、创建新的分组；

C2-8、根据当前参数从属的分页和分组信息，在具体的分页或分组或空容器上创建控件，然后转至步骤C2-1。

本申请实施例还提供了一种生成应用程序界面的装置，包括：

参数配置模块，用于创建xml格式的界面参数配置文件，其中包含该界面所需的参数及属性；

解析模块，用于解析所述配置文件，将界面的参数和属性加载到内存中；

界面生成模块，用于根据内存中界面的参数和属性，创建各个控件并对控件进行布局。

较佳地，所述xml格式的界面参数配置文件中，每一个界面参数的每一个属性对应一个xml节点。

较佳地，所述解析模块包括：

结构体单元，用于定义用于在内存中临时存储界面参数数据的界面参数属性结构体；界面参数属性结构体中的各元素与xml格式的配置文件中的各属性一一对应；

数据写入单元，用于调用xml文件类的加载方法将xml格式的配置文件加载到内存中，逐个节点读取xml格式的配置文件中的数据，将界面参数数据循环写入界面参数属性结构体中，形成界面参数属性结构体列表。

较佳地，界面生成模块包括：

遍历单元，用于循环遍历界面参数属性结构体列表，取出界面参数属性结构体列表中的每个元素的取值；

控件类对象创建单元，用于根据所述遍历单元取出的界面参数属性结构体中的类型元素的取值，创建该取值对应类型的自定义控件类对象；

布局单元，用于创建控件，并对所创建的控件进行布局。

较佳地，所述遍历单元遍历界面参数属性结构体列表，每次创建完当前控件时，都将当前控件标记为最后一个控件，当遍历到下一个参数时，通过获取最后一个控件的位置作为参考位置，计算出当前需要创建的控件的位置。

较佳地，所述界面的参数和属性包括：从属页名称和从属组名称。

较佳地，解析单元进一步包括：

分页和分组信息单元，用于提取出各参数从属的页信息和组信息，分别形成页列表和组列表；提取出组与页之间的对应关系，存储到Dictionary<string,string>键值对格式的变量中；提取出每个组中包含的控件总数；

布局单元在对页面进行布局时，根据分页和分组信息单元提供的页列表和组列表创建相应的分页和分组。

从以上技术方案可以看出，通过编写xml格式界面参数配置文件，解析该配置文件，最后动态生成界面。当界面上的元素需要修改或者需要增加新元素时，只需要修改xml格式的界面参数配置文件即可，不需要重新编译生成项目，提高了软件的开发速度；同时，在动态生成界面时，统一对界面控件风格进行处理，解决了不同开发人员设计出的界面风格很难统一的问题。

附图说明

图1为本申请实施例提供的生成应用程序界面的方法流程示意图；

图2为本申请实施例提供的分页和分组的具体处理流程示意图；

图3为本申请实施例提供的xml文件示例图；

图4为本申请实施例的ParamStruct结构体的结构特征示意图。

具体实施方式

为使本申请技术方案的技术原理、特点以及技术效果更加清楚，以下结合具体实施例对本申请技术方案进行详细阐述。

本申请实施例提供的生成应用程序界面的方法流程如图1所示，包括如下步骤：

步骤101：创建xml格式的界面参数配置文件，其中包含该界面所需的各项参数及属性。

步骤102：解析所述配置文件，将界面的参数和属性加载到内存中。

步骤103：动态生成应用程序界面，其中包括：根据内存中界面的参数和属性，创建各个控件并对控件进行布局。

根据本申请的另一实施例，步骤101具体包括如下子步骤：

子步骤101-1：确定当前界面需要包含的参数及属性。一个参数具有多项属性，一个界面参数的属性包括：参数显示名称、存储数据库字段名、参数类型、取值范围、长度、参数描述、从属页(Tab)名称、从属组(Group)名称、是否必填、是否只读、默认值、存储的数据库表名。在界面比较简单时，可以省去从属页或从属组的相关内容。

子步骤101-2：根据当前界面需要包含的参数及属性，创建xml格式的配置文件。每一个界面参数的每一个属性对应一个xml节点，一个参数的多个属性对应的多个xml节点称之为一个节点组。与各属性相对应地，节点分别定义为AliasName、FieldName、Type、Range、Length、Description、TPageName、GroupName、MustHas、ReadOnly、DefaultValue、TableName。对应界面的多个参数，创建的xml格式文件包含多个上述节点组。xml文件示例如图3所示。

子步骤101-3：将创建好的xml格式的配置文件存储在某个路径下，供解析时调用。

根据本申请的另一实施例，步骤102具体包括如下子步骤：

子步骤102-1：定义界面参数属性结构体(ParamStruct)，用来在内存中临时存储界面参数数据；ParamStruct结构体中的各元素与xml格式的配置文件中的各属性一一对应。ParamStruct结构体的结构特征如图4所示。

子步骤102-2：调用xml文件类(XmlDocument)的加载(Load)方法将存储路径下的xml格式的配置文件加载到内存中，逐个节点读取xml格式的配置文件中的数据，将界面参数数据循环写入ParamStruct结构体中，形成ParamStruct结构体列表。

子步骤102-3：提取出各参数从属的页信息和组信息，分别形成页列表和组列表；

子步骤102-4：提取出组与页之间的对应关系，存储到Dictionary<string,string>键值对格式的变量中；

子步骤102-5：提取出每个组中包含的控件总数。

所述步骤103中，循环遍历ParamStruct结构体列表，取出ParamStruct结构体列表中的每个元素进行如下处理：

子步骤103-1：根据ParamStruct结构体中的类型元素的取值，创建该取值对应类型的自定义控件类对象。

例如，当ParamStruct结构体中的类型元素取值为整型(Int)时，创建Int类型的自定义控件。自定义控件按照数据类型进行封装，包括：Int整型自定义控件、double双精度浮点型自定义控件、float单精度浮点型自定义控件、Long长整型自定义控件、Short短整型自定义控件、Enum枚举型自定义控件、String字符串型自定义控件。这些自定义控件可以完成自身的数据校验，包括输入参数的数据类型、是否必填、是否只读、允许的输入范围。

子步骤103-2：根据当前需要处理的参数是否包含在某个页或某个组中，分情况创建控件。

遍历ParamStruct结构体列表，获取当前参数从属的页和组信息，首先判断是否需要分页，如果不需要分页，直接处理分组情况，如果需要分页，判断当前分页是否创建过，如果没创建过先创建Tab页，如果已创建过当前分页，接着处理分组。同理，对于分组情况，根据当前参数从属的分组情况，首先判断是否需要分组，如果不需要分组，根据Tab页情况直接创建控件，如果需要分组，判断当前分组是否创建过，如果没创建过先创建分组，然后根据分页和分组情况创建控件。

本申请实施例提供的根据分页和分组情况创建控件的具体处理流程如图2所示，包括如下步骤：

步骤201：遍历ParamStruct结构体列表，判断参数是否全部创建完毕，若是，结束创建控件的流程，否则执行步骤202。

步骤202：获取ParamStruct结构体列表当前参数的从属Tab页名称，判断是否需要分页，若是执行步骤203，否则转至步骤205。

步骤203：判断当前Tab页是否已经创建过，若是执行步骤205，否则执行步骤204。

步骤204：创建Tab页。

步骤205：获取ParamStruct结构体列表当前参数的从属Group组名称，判断是否需要分组，若是执行步骤206，否则转至步骤208。

步骤206：当前Group组是否已经创建过，若是转至步骤208，否则执行步骤207。

步骤207：创建Group分组。

步骤208：根据当前参数从属的Tab分页和Group分组信息，在具体的Tab分页或Group分组或空容器上创建控件，然后转至步骤201。

子步骤103-3：创建控件时，对控件进行布局。

根据解析xml格式的配置文件过程中记录的Group组与Tab页之间的对应关系及每个Group组中包含的控件总数，可以计算出每个Group组在对应Tab页中的位置。

遍历ParamStruct结构体列表，每次创建完当前控件时，都将当前控件标记为最后一个控件，当遍历到下一个参数时，通过获取最后一个控件的位置作为参考位置，可以计算出当前需要创建的控件的位置。

本申请实施例中，创建的自定义控件是设计好的风格统一的自定义控件，不需要再对风格特性进行一一设置，从而可以保持风格一致。界面风格指的是界面的总体显示特性，包括但不限于：控件大小形状、背景色、前景色、控件中文本的字体、控件之间的相对位置等。

本申请实施例还提供了一种生成应用程序界面的装置，包括：

参数配置模块，用于创建xml格式的界面参数配置文件，其中包含该界面所需的参数及属性；

解析模块，用于解析所述配置文件，将界面的参数和属性加载到内存中；

界面生成模块，用于根据内存中界面的参数和属性，创建各个控件并对控件进行布局。

根据本申请的另一实施例，所述xml格式的界面参数配置文件中，每一个界面参数的每一个属性对应一个xml节点。

根据本申请的另一实施例，所述解析模块包括：

结构体单元，用于定义用于在内存中临时存储界面参数数据的界面参数属性结构体；界面参数属性结构体中的各元素与xml格式的配置文件中的各属性一一对应；

数据写入单元，用于调用xml文件类的加载方法将xml格式的配置文件加载到内存中，逐个节点读取xml格式的配置文件中的数据，将界面参数数据循环写入界面参数属性结构体中，形成界面参数属性结构体列表。

根据本申请的另一实施例，界面生成模块包括：

遍历单元，用于循环遍历界面参数属性结构体列表，取出界面参数属性结构体列表中的每个元素的取值；

控件类对象创建单元，用于根据所述遍历单元取出的界面参数属性结构体中的类型元素的取值，创建该取值对应类型的自定义控件类对象；

布局单元，用于创建控件，并对所创建的控件进行布局。

根据本申请的另一实施例，所述遍历单元遍历界面参数属性结构体列表，每次创建完当前控件时，都将当前控件标记为最后一个控件，当遍历到下一个参数时，通过获取最后一个控件的位置作为参考位置，计算出当前需要创建的控件的位置。

根据本申请的另一实施例，所述界面的参数和属性包括：从属页名称和从属组名称。

根据本申请的另一实施例，解析单元进一步包括：

分页和分组信息单元，用于提取出各参数从属的页信息和组信息，分别形成页列表和组列表；提取出组与页之间的对应关系，存储到Dictionary<string,string>键值对格式的变量中；提取出每个组中包含的控件总数。

布局单元在对页面进行布局时，根据分页和分组信息单元提供的页列表和组列表创建相应的分页和分组。

本申请技术方案通过编写xml格式界面参数配置文件，解析该配置文件，最后动态生成界面。当界面上的元素需要修改或者需要增加新元素时，只需要修改xml格式的界面参数配置文件即可，不需要重新编译生成项目，提高了软件的开发速度；同时，在动态生成界面时，统一对界面控件风格进行处理，解决了不同开发人员设计出的界面风格很难统一的问题。

以上所述仅为本申请的较佳实施例而已，并不用以限制本申请的保护范围，凡在本申请技术方案的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请保护的范围之内。

Claims (15)

1.一种生成应用程序界面的方法，其特征在于，包括：

A、创建xml格式的界面参数配置文件，其中包含该界面所需的参数及属性；

B、解析所述配置文件，将界面的参数和属性加载到内存中；

C、根据内存中界面的参数和属性，创建各个控件并对控件进行布局。

2.根据权利要求1所述的方法，其特征在于，所述xml格式的界面参数配置文件中，每一个界面参数的每一个属性对应一个xml节点。

3.根据权利要求2所述的方法，其特征在于，步骤B包括：

B1、定义用于在内存中临时存储界面参数数据的界面参数属性结构体；界面参数属性结构体中的各元素与xml格式的配置文件中的各属性一一对应；

B2、调用xml文件类的加载方法将xml格式的界面参数配置文件加载到内存中，逐个节点读取xml格式的配置文件中的数据，将界面参数数据循环写入界面参数属性结构体中，形成界面参数属性结构体列表。

4.根据权利要求3所述的方法，其特征在于，步骤C包括：

循环遍历界面参数属性结构体列表，取出界面参数属性结构体列表中的每个元素的取值进行如下处理：

C1、根据界面参数属性结构体中的类型元素的取值，创建该取值对应类型的自定义控件类对象；

C2、创建控件，并对所创建的控件进行布局。

5.根据权利要求4所述的方法，其特征在于，步骤C包括：

遍历界面参数属性结构体列表，每次创建完当前控件时，都将当前控件标记为最后一个控件，当遍历到下一个参数时，通过获取最后一个控件的位置作为参考位置，计算出当前需要创建的控件的位置。

6.根据权利要求4所述的方法，其特征在于，所述界面的参数和属性包括：从属页名称和从属组名称。

7.根据权利要求6所述的方法，其特征在于，步骤B进一步包括：

B3、提取出各参数从属的页信息和组信息，分别形成页列表和组列表；

B4、提取出组与页之间的对应关系，存储到Dictionary<string,string>键值对格式的变量中；

B5、提取出每个组中包含的控件总数。

8.根据权利要求7所述的方法，其特征在于，步骤C2所述创建控件包括：

C2-1、遍历界面参数属性结构体列表，判断参数是否全部创建完毕，若是，结束创建控件的流程，否则执行步骤C2-2；

C2-2、获取界面参数属性结构体列表当前参数的从属分页名称，判断是否需要分页，若是执行步骤C2-3，否则转至步骤C2-5；

C2-3、判断当前分页是否已经创建过，若是执行步骤C2-5，否则执行步骤C2-4；

C2-4、创建新的分页；

C2-5、获取界面参数属性结构体列表当前参数的从属分组名称，判断是否需要分组，若是执行步骤C2-6，否则转至步骤C2-8；

C2-6、当前分组是否已经创建过，若是转至步骤C2-8，否则执行步骤C2-7；

C2-7、创建新的分组；

C2-8、根据当前参数从属的分页和分组信息，在具体的分页或分组或空容器上创建控件，然后转至步骤C2-1。

9.一种生成应用程序界面的装置，其特征在于，包括：

参数配置模块，用于创建xml格式的界面参数配置文件，其中包含该界面所需的参数及属性；

解析模块，用于解析所述配置文件，将界面的参数和属性加载到内存中；

界面生成模块，用于根据内存中界面的参数和属性，创建各个控件并对控件进行布局。

10.根据权利要求9所述的装置，其特征在于，所述xml格式的界面参数配置文件中，每一个界面参数的每一个属性对应一个xml节点。

11.根据权利要求10所述的装置，其特征在于，所述解析模块包括：

结构体单元，用于定义用于在内存中临时存储界面参数数据的界面参数属性结构体；界面参数属性结构体中的各元素与xml格式的配置文件中的各属性一一对应；

数据写入单元，用于调用xml文件类的加载方法将xml格式的配置文件加载到内存中，逐个节点读取xml格式的配置文件中的数据，将界面参数数据循环写入界面参数属性结构体中，形成界面参数属性结构体列表。

12.根据权利要求11所述的装置，其特征在于，界面生成模块包括：

遍历单元，用于循环遍历界面参数属性结构体列表，取出界面参数属性结构体列表中的每个元素的取值；

控件类对象创建单元，用于根据所述遍历单元取出的界面参数属性结构体中的类型元素的取值，创建该取值对应类型的自定义控件类对象；

布局单元，用于创建控件，并对所创建的控件进行布局。

13.根据权利要求12所述的装置，其特征在于，所述遍历单元遍历界面参数属性结构体列表，每次创建完当前控件时，都将当前控件标记为最后一个控件，当遍历到下一个参数时，通过获取最后一个控件的位置作为参考位置，计算出当前需要创建的控件的位置。

14.根据权利要求12所述的装置，其特征在于，所述界面的参数和属性包括：从属页名称和从属组名称。

15.根据权利要求14所述的装置，其特征在于，解析单元进一步包括：

分页和分组信息单元，用于提取出各参数从属的页信息和组信息，分别形成页列表和组列表；提取出组与页之间的对应关系，存储到Dictionary<string,string>键值对格式的变量中；提取出每个组中包含的控件总数；

布局单元在对页面进行布局时，根据分页和分组信息单元提供的页列表和组列表创建相应的分页和分组。