一种基于场景树的用户界面生成方法技术

本发明专利技术公开了一种基于场景树的用户界面生成方法，其步骤包括：1)根据用户界面需求确定用户界面的界面个数、每个界面的外观和功能；2)根据步骤1)的信息构建界面树；3)选中该界面树中一节点，对该节点对应的界面上的图元进行编辑；其中，编辑后的每个界面均具有退出或返回交互图元；4)选中该界面树中的一节点，进入到与其对应的状态迁移图编辑界面，对其进行编辑；初次进入该节点的状态迁移图编辑界面，根据所述界面树绘制该节点、该节点的子树节点、该节点的退出或返回交互任务，生成该节点的状态迁移图；5)将编辑后的界面树通过目标语言的生成模板转换为相应的代码，然后对代码进行编译生成该用户界面。

【技术实现步骤摘要】
一种基于场景树的用户界面生成方法
本专利技术涉及一种基于场景树的用户界面生成方法，属于软件

技术介绍
用户界面(UserInterface，简称UI)作为软件的门面，在信息技术高速发展的浪潮中越来越重要。设计师设计用户界面一般是先根据需求手绘出用户界面的大致轮廓和需求，再通过界面设计工具进行细化。目前，工业界有很多可用的用户界面设计工具，如Axure、AdobeXD等，不仅可以绘制界面原型，还能设置简易的交互动作；有不少在线设计工具还支持多人协作，可以实现更复杂的功能。设计师设计用户界面原型(工具)，可以涵盖用户的静态界面需求，也可以实现一些动态的交互需求；但是其业务型需求，往往很难体现。此外，设计师的工作和软件开发人员的工作彼此独立，在软件生命周期中，开发人员通常利用设计师提供的设计原型进行二次开发或者重新设计，这就导致不同团队之间的工作衔接成本的增加。另外，现有技术和产品大都是基于网状结构，虽然丰富了功能，但是却增加了用户的学习成本，同时增加了工作负荷。本专利技术的动机是寻求一种快速构建具有动态交互功能的用户界面生本文档来自技高网...

【技术保护点】
1.一种基于场景树的用户界面生成方法，其步骤包括：/n1)根据用户界面需求确定用户界面的界面个数、每个界面的外观和功能；/n2)根据步骤1)的信息构建界面树，其中该用户界面所涉及的每一界面对应于该界面树中的一个节点，根据各界面之间的跳转关系建立界面节点之间的连接；/n3)选中该界面树中一节点，对该节点对应的界面上的图元进行编辑；其中，编辑后的每个界面均具有退出或返回交互图元；/n4)选中该界面树中的一节点，进入到与其对应的状态迁移图编辑界面，对其进行编辑；其中该状态迁移图编辑界面包括状态迁移图和缩小后的所述界面树；初次进入该节点的状态迁移图编辑界面，根据所述界面树绘制该节点、该节点的子树节点、...

【技术特征摘要】
1.一种基于场景树的用户界面生成方法，其步骤包括：
1)根据用户界面需求确定用户界面的界面个数、每个界面的外观和功能；
2)根据步骤1)的信息构建界面树，其中该用户界面所涉及的每一界面对应于该界面树中的一个节点，根据各界面之间的跳转关系建立界面节点之间的连接；
3)选中该界面树中一节点，对该节点对应的界面上的图元进行编辑；其中，编辑后的每个界面均具有退出或返回交互图元；
4)选中该界面树中的一节点，进入到与其对应的状态迁移图编辑界面，对其进行编辑；其中该状态迁移图编辑界面包括状态迁移图和缩小后的所述界面树；初次进入该节点的状态迁移图编辑界面，根据所述界面树绘制该节点、该节点的子树节点、该节点的退出或返回交互任务，生成该节点的状态迁移图；
5)将编辑后的界面树通过目标语言的生成模板转换为相应的代码，然后对代码进行编译生成该用户界面。


2.如权利要求1所述的方法，其特征在于，所述状态迁移图包括界面跳转分支和交互任务分支。


3.如权利要求2所述的方法，其特征在于，所述界面跳转分支上包括当前界面节点、触发条件节点和子树节点；当用户选中一所述界面跳转分支和所述界面树中一节点的交互图元时，则在所选界面跳转分支对应的界面与所选节点对应的界面之间建立关联，并从所选交互图元所支持的交互原语中选出一种交互原语作为触发条件。


4.如权利要求2所述的方法，其特征在于，所述交互任务分支包括当前界面节点、触发条件节点和交互任务节点，每一所述交互任务节点设置一所述交互任务列表，用于用户选取交互任务；当用户选中一所述交互任务分支和所述界面树中一节点的交互图元时，则在所选交互任务分支对应的界面与所选节点对应的界面之间建立关联，并从所选交互图元所支持的交互原语中选出一种交互原语作为触发条件；然后将所选交互图元与用户通过在交互任务节点所选交互任务进行绑定，实现当执行该所选图元的...

【专利技术属性】
技术研发人员：仝青山，刘杰，郭鑫，戴国忠，田丰，
申请(专利权)人：中国科学院软件研究所，鸿合科技股份有限公司，
类型：发明
国别省市：北京;11