CN104090767A - 一种参数化的用户界面开发工具及方法 - Google Patents

Abstract

本发明提供一种参数化的用户界面开发工具及方法，将属性命令可编辑的、参数化的控件对象载入界面，进行界面对象及控件对象的参数的自定义设定；以不同的序列标识为各个界面命名形成序列界面；为各个序列界面中的对象分别定义事件；还对各个序列界面相应导入其交互事件结果的其他序列界面，产生工程子功能交互项目。之后进行重构代码操作，在工具软件后台生成并保存开发文件。本发明能将UI设计进行系统化并和软件开发完整结合起来，使UI控件和效果快速复制，提高界面功能开发效率。

Description

一种参数化的用户界面开发工具及方法

技术领域

本发明涉及软件用户界面的开发工具及方法，特别涉及一种参数化的用户界面开发工具及方法。

背景技术

目前，一般是通过图形图像或动画设计软件进行用户界面（UI，即User Interface）的设计，或者是通过设计软件来设计交互界面的动画或交互设计文档。

例如，Andriod（安卓）各版本内开发有droiddraw软件工具，能够提供已经固化的基本控件导入界面，提供常用控件在加入界面后重新底层源代码构造，生成xml文件。然而，该软件工具不能提供界面对象直接参数化，与参数有关的设置必须在xml文件中进行。

又例如，腾讯开发的UIDesigner软件能够提供已经固化的PC界面模板；提供常用控件进行简单参数化控制，并提供对修改后的界面模板或常用控件重新底层源代码。

然而，上述现有技术存在的缺点和问题在于：不能将界面设计和系统软件开发完整结合起来；控件的加载灵活度不够；控件库控件类别不丰富；不能面向对象加载特效控件；不能通过事件组织交互界面。

发明内容

本发明的目的是提供一种参数化的用户界面开发工具及方法，提供参数化界面控件对象实现属性命令的自定义设计，基于对界面对象进行侦听的用户事件，对以各序列ID名称命名的界面进行交互组织，并重构底层代码文件，从而提高用户界面开发效率。

为了达到上述目的，本发明的一个技术方案是提供一种参数化的用户界面开发工具，其中包含：

控件资源区，提供属性命令可编辑的、参数化的控件对象；

工作窗口区，设置有界面对象窗口和控件对象编辑窗口，用来对界面对象和控件对象分别进行参数的自定义设定； 

参数区，为所述工作窗口区提供界面对象控制参数和控件对象编辑参数；

工具区，设置有重构代码模块，用于在工具软件后台生成并保存源代码文件。

可选地，所述工作窗口区设置有界面组织窗口，来加载以不同序列标识命名的序列界面；

所述工具区设置有界面侦听模块，对加载的序列界面进行事件定义，以及对该序列界面与其交互事件结果的序列界面进行组织，以产生工程子功能交互项目。

可选地，所述工作窗口区设置有界面效果预览窗口和界面交互预览窗口，提供用户界面预览。

可选地，所述工具区设置有置换对象模块，将所述工作窗口区中的界面对象或控件对象，置换为已存的其他界面对象或控件对象。

本发明的另一个技术方案是提供一种参数化的用户界面开发方法，将属性命令可编辑的、参数化的控件对象载入界面，进行界面对象及控件对象的参数的自定义设定；

以不同序列标识为各个界面命名形成序列界面；

为各个序列界面中的对象分别定义事件；还对各个序列界面相应导入其交互事件结果的其他序列界面，产生工程子功能交互项目；

之后，进行重构代码操作，在工具软件后台生成并保存开发文件。

可选地，在向新建的界面加载控件对象时，或者在向界面已加载的控件对象提供该控件对象的单个或多个事件方法时，通过获取对应的界面对象控制参数和控件对象编辑参数，来对界面对象和控件对象进行参数化定制。

可选地，通过获取已存的其他界面对象或控件对象，对当前加载的界面对象或其控件对象进行置换对象操作。

可选地，在完成界面对象及控件对象的参数的自定义设定后，也进行重构代码操作，从而在工具软件后台生成并保存开发文件。

本发明提供的参数化的用户界面开发工具及方法，通过定义以序列ID名称命名的界面，将由控件资源库提供单个控件或特效控件加载到界面，并对界面对象及控件对象进行属性命令的参数化修改，再通过对象实施事件侦听来组织子项目功能的界面。最后，通过底层重构源代码。以此实现将用户界面UI设计的对象和系统软件开发完整结合起来，可以使UI控件和效果快速复制，可以提高MMI开发效率，使UI具体设计系统化。

因此，与现有技术相比，本发明的优点在于：

能对控件提供参数编辑；能加载特效控件；能对界面对象重新底层源代码构造；能通过事件组织交互界面；能将UI设计进行系统化并和软件开发完整结合起来；能使UI控件和效果快速复制，可以提高界面功能开发效率。

附图说明

图1、图2是本发明所述用户界面开发工具的结构示意图；

图3是本发明所述用户界面开发方法的示意流程图。

具体实施方式

本发明提供的参数化的用户界面开发方法中，包括界面与交互界面和界面功能代码实现的过程。其中，界面需要对界面元素形象、认知、位置、尺寸、颜色等等进行合理分配。交互界面需要对业务功能及界面逻辑进行疏导和判断，友好的、合理的组织业务下各子功能的交互过程，以及界面与界面进入和退出效果，包括业务异常情况。通过计算机自动生成初步代码文件，使界面代码比较方便的实现界面功能。

如图1、图2、图3所示，本发明提供的用户界面开发方法，基于含有控件资源区A、工作窗口区B、工具区C、参数区D的用户界面开发工具实现。

本发明中开发了多样性的控件，将其存入至控件资源区A；这些控件对象的属性命令等都被参数化，即能够通过本发明的工具及方法进行修改调整，以适应对用户界面的自定义设计开发。所述的控件对象可以是单个控件或特效控件。在一些应用实例中，控件对象中单个控件可供调整的参数，例如有尺寸（size）、状态（status）、透明度（transparency）等等；而特效控件的参数，例如是效果算法程式中的函数数值，等等。

工作窗口区B设置有界面对象窗口B1，能够在其中新建界面作品，可以从控件资源区A中拖放控件对象至界面对象窗口B1，进行界面对象的组织创作。并且，能够通过参数区D获取对应的界面对象控制参数D1，来对界面对象进行参数化定制。

同时，还可以从控件资源区A中拖放控件对象的单个或多个事件方法来对界面对象窗口B1已加载的界面对象或控件对象施加影响；通过参数区D中的界面对象控制参数D1可以对相应的界面对象进行参数化定制。

也可以进一步从界面对象窗口B1选择一个控件对象并在工作窗口区B开启该空间对象相应的控件对象编辑窗口B2进行编辑，通过参数区D获取控件对象编辑参数D2并对相应的控件对象进行参数化定制。

工具区C设置有置换对象模块C2，能够获取已存的界面对象或控件对象进行置换对象操作，使置换工作窗口区B的界面对象窗口B1中当前的界面对象或其控件对象随之改变。例如，在一些应用实例中，所述置换对象操作就是用已存的界面对象置换被置换的对象而实行的父子复制关系。

完成对用户界面上界面对象及控件对象的设置后，通过工具区C中的重构代码模块C1进行重构代码操作（即在工具软件后台生成并保存开发文件）；在工作窗口区B中设置有界面效果预览窗口B3，可以预览界面的效果。

本发明中为各个界面分别提供不同的序列标识，称这些界面为序列界面。例如，是以不同的ID号等对这些界面进行命名，形成具有不同序列ID名称的序列界面。例如，在一些应用实例中，可以用“项目/模块/子模块/用例序列”等等作为序列ID名称来对界面命名。

通过工具区C的界面侦听模块C3进入工作窗口区F设置的界面组织窗口F1，从所展现的各个不同ID号序列界面的缩略图F2中，选择其中某一个序列界面在该界面组织窗口F1中组织事件时，将相应的用户事件E加载至界面组织窗口F1中对该序列界面进行定义事件的操作；对于该序列界面的交互事件，再导入交互事件结果的序列界面。也就是说，对界面或界面中的对象在事件库选择需要的事件，如按钮点击响应、界面向下滑动响应等进行定义，底层即可响应事件结果，即表现出来的事件交互过程。

依照上述过程完成有关序列界面的事件定义及交互事件组织后，产生若干工程子功能交互项目G。之后，能够通过工具区C中的重构代码模块C1进行重构代码操作（即在工具软件后台生成并保存开发文件）；在工作窗口区F中设置有界面交互预览窗口F3，来预览界面交互效果。最后对作品文件进行保存。

如图1、图2所示，本发明所述的用户界面开发工具，包含：

控件资源区A，向用户界面提供属性命令可编辑的、参数化的控件对象。

工作窗口区B，设置界面对象窗口B1和控件对象编辑窗口B2用来对相应对象进行自定义设定，并提供界面效果预览窗口B3；还设置有界面组织窗口F1，用来对序列界面进行事件定义及交互事件组织，来产生工程子功能交互项目G，并提供界面交互预览窗口F3。所述的工作窗口区B和F，可以是实现不同功能的同一个区域；或者是两个不同的区域。

参数区D，为工作窗口区B中需要进行参数定制的相应对象，提供界面对象控制参数D1和控件对象编辑参数D2。

工具区C，设置有置换对象模块C2将工作窗口区B中的相应对象由已存的对象进行置换，以提高开发效率；还设置有界面侦听模块C3，实施对界面对象的事件侦听达到对用户界面交互组织的作用；并设置有重构代码模块C1，在完成界面对象及控件对象设置时，及完成交互事件组织得到工程子功能交互项目G后，于工具软件后台生成并保存源代码文件。

综上所述，本发明所述参数化的用户界面开发工具及方法，以不同序列ID名称命名用户界面，提供单个控件或特效控件加载到用户界面，并对单个控件或特效控件的事件及方法进行命令参数化修改并预览，然后通过对象实施事件侦听达到对序列ID名称命名的各个用户界面进行组织，再重构这些序列ID名称的用户界面底层源代码，以此实现将UI设计的对象和系统软件开发完整结合起来。本发明可以使UI控件和效果快速复制，提高界面功能开发效率，使UI具体设计系统化。

尽管本发明的内容已经通过上述优选实施例作了详细介绍，但应当认识到上述的描述不应被认为是对本发明的限制。在本领域技术人员阅读了上述内容后，对于本发明的多种修改和替代都将是显而易见的。因此，本发明的保护范围应由所附的权利要求来限定。

Claims (8)

1.一种参数化的用户界面开发工具，其特征在于，包含：

控件资源区（A），提供属性命令可编辑的、参数化的控件对象；

工作窗口区（B），设置有界面对象窗口（B1）和控件对象编辑窗口（B2），用来对界面对象和控件对象分别进行参数的自定义设定； 

参数区（D），为所述工作窗口区（B）提供界面对象控制参数（D1）和控件对象编辑参数（D2）；

工具区（C），设置有重构代码模块（C1），用于在工具软件后台生成并保存源代码文件。

2.如权利要求1所述的用户界面开发工具，其特征在于，

所述工作窗口区（B）设置有界面组织窗口（F1），来加载以不同序列标识命名的序列界面；

所述工具区（C）设置有界面侦听模块（C3），对加载的序列界面进行事件定义，以及对该序列界面与其交互事件结果的序列界面进行组织，以产生工程子功能交互项目（G）。

3.如权利要求2所述的用户界面开发工具，其特征在于，

所述工作窗口区（B）设置有界面效果预览窗口（B3）和界面交互预览窗口（F3），提供用户界面预览。

4.如权利要求1所述的用户界面开发工具，其特征在于，

所述工具区（C）设置有置换对象模块（C2），将所述工作窗口区（B）中的界面对象或控件对象，置换为已存的其他界面对象或控件对象。

5.一种参数化的用户界面开发方法，其特征在于，

将属性命令可编辑的、参数化的控件对象载入界面，进行界面对象及控件对象的参数的自定义设定；

以不同序列标识为各个界面命名形成序列界面；

为各个序列界面中的对象分别定义事件；还对各个序列界面相应导入其交互事件结果的其他序列界面，产生工程子功能交互项目（G）；

之后，进行重构代码操作，在工具软件后台生成并保存开发文件。

6.如权利要求5所述的用户界面开发方法，其特征在于，

在向新建的界面加载控件对象时，或者在向界面已加载的控件对象提供该控件对象的单个或多个事件方法时，通过获取对应的界面对象控制参数（D1）和控件对象编辑参数（D2），来对界面对象和控件对象进行参数化定制。

7.如权利要求5所述的用户界面开发方法，其特征在于，

通过获取已存的其他界面对象或控件对象，对当前加载的界面对象或其控件对象进行置换对象操作。

8.如权利要求5所述的用户界面开发方法，其特征在于，

在完成界面对象及控件对象的参数的自定义设定后，也进行重构代码操作，从而在工具软件后台生成并保存开发文件。