一种参数化的用户界面开发工具及方法
【专利摘要】本发明提供一种参数化的用户界面开发工具及方法，将属性命令可编辑的、参数化的控件对象载入界面，进行界面对象及控件对象的参数的自定义设定；以不同的序列标识为各个界面命名形成序列界面；为各个序列界面中的对象分别定义事件；还对各个序列界面相应导入其交互事件结果的其他序列界面，产生工程子功能交互项目。之后进行重构代码操作，在工具软件后台生成并保存开发文件。本发明能将UI设计进行系统化并和软件开发完整结合起来，使UI控件和效果快速复制，提高界面功能开发效率。
【专利说明】一种参数化的用户界面开发工具及方法
【技术领域】
[0001] 本发明涉及软件用户界面的开发工具及方法，特别涉及一种参数化的用户界面开 发工具及方法。
【背景技术】
[0002] 目前，一般是通过图形图像或动画设计软件进行用户界面（UI，即User Interface)的设计,或者是通过设计软件来设计交互界面的动画或交互设计文档。
[0003] 例如，Andriod (安卓）各版本内开发有droiddraw软件工具，能够提供已经固化 的基本控件导入界面，提供常用控件在加入界面后重新底层源代码构造，生成xml文件。然 而，该软件工具不能提供界面对象直接参数化，与参数有关的设置必须在xml文件中进行。
[0004] 又例如，腾讯开发的^Designer软件能够提供已经固化的PC界面模板；提供常用 控件进行简单参数化控制，并提供对修改后的界面模板或常用控件重新底层源代码。
[0005] 然而，上述现有技术存在的缺点和问题在于：不能将界面设计和系统软件开发完 整结合起来；控件的加载灵活度不够；控件库控件类别不丰富；不能面向对象加载特效控 件；不能通过事件组织交互界面。
【发明内容】
[0006] 本发明的目的是提供一种参数化的用户界面开发工具及方法，提供参数化界面控 件对象实现属性命令的自定义设计，基于对界面对象进行侦听的用户事件，对以各序列ID 名称命名的界面进行交互组织，并重构底层代码文件，从而提高用户界面开发效率。
[0007] 为了达到上述目的，本发明的一个技术方案是提供一种参数化的用户界面开发工 具，其中包含： 控件资源区，提供属性命令可编辑的、参数化的控件对象； 工作窗口区，设置有界面对象窗口和控件对象编辑窗口，用来对界面对象和控件对象 分别进行参数的自定义设定； 参数区，为所述工作窗口区提供界面对象控制参数和控件对象编辑参数； 工具区，设置有重构代码模块，用于在工具软件后台生成并保存源代码文件。
[0008] 可选地，所述工作窗口区设置有界面组织窗口，来加载以不同序列标识命名的序 列界面； 所述工具区设置有界面侦听模块，对加载的序列界面进行事件定义，以及对该序列界 面与其交互事件结果的序列界面进行组织，以产生工程子功能交互项目。
[0009] 可选地，所述工作窗口区设置有界面效果预览窗口和界面交互预览窗口，提供用 户界面预览。
[0010] 可选地，所述工具区设置有置换对象模块，将所述工作窗口区中的界面对象或控 件对象，置换为已存的其他界面对象或控件对象。
[0011] 本发明的另一个技术方案是提供一种参数化的用户界面开发方法，将属性命令可 编辑的、参数化的控件对象载入界面，进行界面对象及控件对象的参数的自定义设定； 以不同序列标识为各个界面命名形成序列界面； 为各个序列界面中的对象分别定义事件；还对各个序列界面相应导入其交互事件结果 的其他序列界面，产生工程子功能交互项目； 之后，进行重构代码操作，在工具软件后台生成并保存开发文件。
[0012] 可选地，在向新建的界面加载控件对象时，或者在向界面已加载的控件对象提供 该控件对象的单个或多个事件方法时，通过获取对应的界面对象控制参数和控件对象编辑 参数，来对界面对象和控件对象进行参数化定制。
[0013] 可选地，通过获取已存的其他界面对象或控件对象，对当前加载的界面对象或其 控件对象进行置换对象操作。
[0014] 可选地，在完成界面对象及控件对象的参数的自定义设定后，也进行重构代码操 作，从而在工具软件后台生成并保存开发文件。
[0015] 本发明提供的参数化的用户界面开发工具及方法，通过定义以序列ID名称命名 的界面，将由控件资源库提供单个控件或特效控件加载到界面，并对界面对象及控件对象 进行属性命令的参数化修改，再通过对象实施事件侦听来组织子项目功能的界面。最后，通 过底层重构源代码。以此实现将用户界面Π 设计的对象和系统软件开发完整结合起来，可 以使Π 控件和效果快速复制，可以提高丽I开发效率，使Π 具体设计系统化。
[0016] 因此，与现有技术相比，本发明的优点在于： 能对控件提供参数编辑；能加载特效控件；能对界面对象重新底层源代码构造；能通 过事件组织交互界面；能将Π 设计进行系统化并和软件开发完整结合起来；能使Π 控件 和效果快速复制，可以提高界面功能开发效率。
【专利附图】
【附图说明】
[0017] 图1、图2是本发明所述用户界面开发工具的结构示意图； 图3是本发明所述用户界面开发方法的示意流程图。
【具体实施方式】
[0018] 本发明提供的参数化的用户界面开发方法中，包括界面与交互界面和界面功能代 码实现的过程。其中，界面需要对界面元素形象、认知、位置、尺寸、颜色等等进行合理分配。 交互界面需要对业务功能及界面逻辑进行疏导和判断，友好的、合理的组织业务下各子功 能的交互过程，以及界面与界面进入和退出效果，包括业务异常情况。通过计算机自动生成 初步代码文件，使界面代码比较方便的实现界面功能。
[0019] 如图1、图2、图3所示，本发明提供的用户界面开发方法，基于含有控件资源区A、 工作窗口区B、工具区C、参数区D的用户界面开发工具实现。
[0020] 本发明中开发了多样性的控件，将其存入至控件资源区A ;这些控件对象的属 性命令等都被参数化，即能够通过本发明的工具及方法进行修改调整，以适应对用户界 面的自定义设计开发。所述的控件对象可以是单个控件或特效控件。在一些应用实例 中，控件对象中单个控件可供调整的参数，例如有尺寸（size)、状态（status)、透明度 (transparency)等等；而特效控件的参数，例如是效果算法程式中的函数数值，等等。
[0021] 工作窗口区B设置有界面对象窗口 B1，能够在其中新建界面作品，可以从控件资 源区A中拖放控件对象至界面对象窗口 B1，进行界面对象的组织创作。并且，能够通过参数 区D获取对应的界面对象控制参数D1，来对界面对象进行参数化定制。
[0022] 同时，还可以从控件资源区A中拖放控件对象的单个或多个事件方法来对界面对 象窗口 B1已加载的界面对象或控件对象施加影响；通过参数区D中的界面对象控制参数 D1可以对相应的界面对象进行参数化定制。
[0023] 也可以进一步从界面对象窗口 B1选择一个控件对象并在工作窗口区B开启该空 间对象相应的控件对象编辑窗口 B2进行编辑，通过参数区D获取控件对象编辑参数D2并 对相应的控件对象进行参数化定制。
[0024] 工具区C设置有置换对象模块C2,能够获取已存的界面对象或控件对象进行置换 对象操作，使置换工作窗口区B的界面对象窗口 B1中当前的界面对象或其控件对象随之改 变。例如，在一些应用实例中，所述置换对象操作就是用已存的界面对象置换被置换的对象 而实行的父子复制关系。
[0025] 完成对用户界面上界面对象及控件对象的设置后，通过工具区C中的重构代码模 块C1进行重构代码操作（即在工具软件后台生成并保存开发文件);在工作窗口区B中设置 有界面效果预览窗口 B3,可以预览界面的效果。
[0026] 本发明中为各个界面分别提供不同的序列标识，称这些界面为序列界面。例如，是 以不同的ID号等对这些界面进行命名，形成具有不同序列ID名称的序列界面。例如，在一 些应用实例中，可以用"项目/模块/子模块/用例序列"等等作为序列ID名称来对界面 命名。
[0027] 通过工具区C的界面侦听模块C3进入工作窗口区F设置的界面组织窗口 F1，从 所展现的各个不同ID号序列界面的缩略图F2中，选择其中某一个序列界面在该界面组织 窗口 F1中组织事件时，将相应的用户事件E加载至界面组织窗口 F1中对该序列界面进行 定义事件的操作；对于该序列界面的交互事件，再导入交互事件结果的序列界面。也就是 说，对界面或界面中的对象在事件库选择需要的事件，如按钮点击响应、界面向下滑动响应 等进行定义，底层即可响应事件结果，即表现出来的事件交互过程。
[0028] 依照上述过程完成有关序列界面的事件定义及交互事件组织后，产生若干工程子 功能交互项目G。之后，能够通过工具区C中的重构代码模块C1进行重构代码操作（即在工 具软件后台生成并保存开发文件）;在工作窗口区F中设置有界面交互预览窗口 F3,来预览 界面交互效果。最后对作品文件进行保存。
[0029] 如图1、图2所示，本发明所述的用户界面开发工具，包含： 控件资源区A，向用户界面提供属性命令可编辑的、参数化的控件对象。
[0030] 工作窗口区B，设置界面对象窗口 B1和控件对象编辑窗口 B2用来对相应对象进行 自定义设定，并提供界面效果预览窗口 B3 ;还设置有界面组织窗口 F1，用来对序列界面进 行事件定义及交互事件组织，来产生工程子功能交互项目G，并提供界面交互预览窗口 F3。 所述的工作窗口区B和F，可以是实现不同功能的同一个区域；或者是两个不同的区域。
[0031] 参数区D，为工作窗口区B中需要进行参数定制的相应对象，提供界面对象控制参 数D1和控件对象编辑参数D2。
[0032] 工具区C，设置有置换对象模块C2将工作窗口区B中的相应对象由已存的对象 进行置换，以提高开发效率；还设置有界面侦听模块C3,实施对界面对象的事件侦听达到 对用户界面交互组织的作用；并设置有重构代码模块C1，在完成界面对象及控件对象设置 时，及完成交互事件组织得到工程子功能交互项目G后，于工具软件后台生成并保存源代 码文件。
[0033] 综上所述，本发明所述参数化的用户界面开发工具及方法，以不同序列ID名称命 名用户界面，提供单个控件或特效控件加载到用户界面，并对单个控件或特效控件的事件 及方法进行命令参数化修改并预览，然后通过对象实施事件侦听达到对序列ID名称命名 的各个用户界面进行组织，再重构这些序列ID名称的用户界面底层源代码，以此实现将UI 设计的对象和系统软件开发完整结合起来。本发明可以使UI控件和效果快速复制，提高界 面功能开发效率，使Π 具体设计系统化。
[0034] 尽管本发明的内容已经通过上述优选实施例作了详细介绍，但应当认识到上述的 描述不应被认为是对本发明的限制。在本领域技术人员阅读了上述内容后，对于本发明的 多种修改和替代都将是显而易见的。因此，本发明的保护范围应由所附的权利要求来限定。
【权利要求】
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所述的用户界面开发方法，其特征在于， 在完成界面对象及控件对象的参数的自定义设定后，也进行重构代码操作，从而在工 具软件后台生成并保存开发文件。
【文档编号】G06F9/44GK104090767SQ201410343599
【公开日】2014年10月8日 申请日期:2014年7月18日 优先权日:2014年7月18日
【发明者】许忠烈 申请人:上海斐讯数据通信技术有限公司