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

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

【技术实现步骤摘要】

本专利技术涉及软件用户界面的开发工具及方法，特别涉及一种参数化的用户界面开 发工具及方法。
技术介绍
目前，一般是通过图形图像或动画设计软件进行用户界面（UI，即User Interface)的设计,或者是通过设计软件来设计交互界面的动画或交互设计文档。 例如，Andriod (安卓）各版本内开发有droiddraw软件工具，能够提供已经固化 的基本控件导入界面，提供常用控件在加入界面后重新底层源代码构造，生成xml文件。然 而，该软件工具不能提供界面对象直接参数化，与参数有关的设置必须在xml文件中进行。 又例如，腾讯开发的^Designer软件能够提供已经固化的PC界面模板；提供常用 控件进行简单参数化控制，并提供对修改后的界面模板或常用控件重新底层源代码。 然而，上述现有技术存在的缺点和问题在于：不能将界面设计和系统软件开发完 整结合起来；控件的加载灵活度不够；控件库控件类别不丰富；不能面向对象加载特效控 件；不能通过事件组织交互界面。
技术实现思路
本专利技术的目的是提供，提供参数化界面控 件对象实现属性命令的自定义设计，基于对界面对象进行侦听的用户事件，对以各序列ID 名称命名的界面进行交互组织，并重构底层代码文件，从而提高用户界面开发效率。 为了达到上述目的，本专利技术的一个技术方案是提供一种参数化的用户界面开发工 具，其中包含： 控件资源区，提供属性命令可编辑的、参数化的控件对象； 工作窗口区，设置有界面对象窗口和控件对象编辑窗口，用来对界面对象和控件对象 分别进行参数的自定义设定； 参数区，为所述工作窗口区提供界面对象控制参数和控件对象编辑参数； 工具区，设置有重构代码模块，用于在工具软件后台生成并保存源代码文件。 可选地，所述工作窗口区设置有界面组织窗口，来加载以不同序列标识命名的序 列界面； 所述工具区设置有界面侦听模块，对加载的序列界面进行事件定义，以及对该序列界 面与其交互事件结果的序列界面进行组织，以产生工程子功能交互项目。 可选地，所述工作窗口区设置有界面效果预览窗口和界面交互预览窗口，提供用 户界面预览。 可选地，所述工具区设置有置换对象模块，将所述工作窗口区中的界面对象或控 件对象，置换为已存的其他界面对象或控件对象。 本专利技术的另一个技术方案是提供一种参数化的用户界面开发方法，将属性命令可 编辑的、参数化的控件对象载入界面，进行界面对象及控件对象的参数的自定义设定； 以不同序列标识为各个界面命名形成序列界面； 为各个序列界面中的对象分别定义事件；还对各个序列界面相应导入其交互事件结果 的其他序列界面，产生工程子功能交互项目； 之后，进行重构代码操作，在工具软件后台生成并保存开发文件。 可选地，在向新建的界面加载控件对象时，或者在向界面已加载的控件对象提供 该控件对象的单个或多个事件方法时，通过获取对应的界面对象控制参数和控件对象编辑 参数，来对界面对象和控件对象进行参数化定制。 可选地，通过获取已存的其他界面对象或控件对象，对当前加载的界面对象或其 控件对象进行置换对象操作。 可选地，在完成界面对象及控件对象的参数的自定义设定后，也进行重构代码操 作，从而在工具软件后台生成并保存开发文件。 本专利技术提供的参数化的用户界面开发工具及方法，通过定义以序列ID名称命名 的界面，将由控件资源库提供单个控件或特效控件加载到界面，并对界面对象及控件对象 进行属性命令的参数化修改，再通过对象实施事件侦听来组织子项目功能的界面。最后，通 过底层重构源代码。以此实现将用户界面Π 设计的对象和系统软件开发完整结合起来，可 以使Π 控件和效果快速复制，可以提高丽I开发效率，使Π 具体设计系统化。 因此，与现有技术相比，本专利技术的优点在于： 能对控件提供参数编辑；能加载特效控件；能对界面对象重新底层源代码构造；能通 过事件组织交互界面；能将Π 设计进行系统化并和软件开发完整结合起来；能使Π 控件 和效果快速复制，可以提高界面功能开发效率。 【附图说明】 图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中组织事件时，将相应的本文档来自技高网...

【技术保护点】
一种参数化的用户界面开发工具，其特征在于，包含：控件资源区（A），提供属性命令可编辑的、参数化的控件对象；工作窗口区（B），设置有界面对象窗口（B1）和控件对象编辑窗口（B2），用来对界面对象和控件对象分别进行参数的自定义设定； 参数区（D），为所述工作窗口区（B）提供界面对象控制参数（D1）和控件对象编辑参数（D2）；工具区（C），设置有重构代码模块（C1），用于在工具软件后台生成并保存源代码文件。

【技术特征摘要】
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...

【专利技术属性】
技术研发人员：许忠烈，
申请(专利权)人：上海斐讯数据通信技术有限公司，
类型：发明
国别省市：上海;31