[发明专利]一种用户交互UI界面的生成方法及装置

权利要求书

1.一种用户交互UI界面的生成方法，其特征在于，所述方法包括：

响应于对多个控件模板中的目标控件模板的触发操作，在UI设计界面上的图层生成画布中生成与所述目标控件模板对应的控件图层，并确定当前生成的所述控件图层和已生成的目标控件图层之间的图层关系信息；

基于所述控件图层、所述控件图层对应的目标控件的控件属性信息、以及不同控件图层之间的所述图层关系信息，生成包括预设结构化数据关系的目标文件；所述目标文件用于目标引擎基于所述目标文件生成目标UI界面；所述预设结构化数据关系用于描述所述控件图层之间的图层关系。

2.根据权利要求1所述的方法，其特征在于，响应于对多个控件模板中的目标控件模板的触发操作，在UI设计界面上的图层生成画布中生成与所述目标控件模板对应的控件图层之前，所述方法还包括：

响应于在目标图形软件中的目标触发操作，展示所述UI设计界面；其中，所述UI设计界面包括：多个所述控件模板分别对应的触发按钮、以及所述图层生成画布。

3.根据权利要求2所述的方法，其特征在于，所述在UI设计界面上的图层生成画布中生成与所述目标控件模板对应的控件图层，包括：

响应于对多个所述控件模板中目标控件模板对应的触发按钮的触发操作，在所述UI设计界面中，展示与所述目标控件模板对应的属性设置面板；

响应于对所述属性设置面板中属性值的设置操作，获取与所述控件图层对应的图层属性信息，并利用所述控件图层对应的图层属性信息，在所述图层生成画布中生成对应的控件图层。

4.根据权利要求3所述的方法，其特征在于，所述方法还包括：在生成所述控件图层后，响应于对所述控件图层的修改操作，基于所述修改操作修改的目标属性的图层属性值，对所述控件图层对应的图层属性信息进行更新。

5.根据权利要求1所述的方法，其特征在于，所述确定当前生成的所述控件图层和已生成的目标控件图层之间的图层关系信息，包括：

将所述目标控件图层作为父节点，并将所述触发操作对应的控件图层作为子节点，基于所述父节点的标识信息和所述子节点的标识信息，生成所述图层关系信息。

6.根据权利要求1所述的方法，其特征在于，所述响应于对多个控件模板中的目标控件模板的触发操作，在UI设计界面上的图层生成画布中生成与所述目标控件模板对应的控件图层，并确定当前生成的所述控件图层和已生成的目标控件图层之间的图层关系信息，包括：

响应于对已生成的控件图层中任一控件图层的选中操作，将所述任一控件图层作为目标控件图层；

响应于对多个控件模板中的目标控件模板的触发操作，根据所述目标控件模板确定当前生成的所述控件图层和所述目标控件图层之间的图层关系信息。

7.一种用户交互UI界面的生成方法，其特征在于，包括：

响应于触发UI界面生成指令，获取包括预设结构化数据关系的目标文件；所述预设结构化数据关系用于描述所述控件图层之间的图层关系；

利用文件分析工具对所述目标文件进行解析，得到所述目标文件中包括的所述控件图层、所述控件图层对应目标控件的控件属性信息以及各所述控件图层之间的图层关系信息；

基于所述控件图层、所述控件图层对应目标控件的控件属性信息以及各所述控件图层之间的图层关系信息，生成目标UI界面。

8.一种用户交互UI界面的生成装置，其特征在于，包括：

第一生成模块，用于响应于对多个控件模板中的目标控件模板的触发操作，在UI设计界面上的图层生成画布中生成与所述目标控件模板对应的控件图层，并确定当前生成的所述控件图层和已生成的目标控件图层之间的图层关系信息；

第二生成模块，用于基于所述控件图层、所述控件图层对应的目标控件的控件属性信息、以及不同控件图层之间的所述图层关系信息，生成包括预设结构化数据关系的目标文件；所述目标文件用于目标引擎基于所述目标文件生成目标UI界面；所述预设结构化数据关系用于描述所述控件图层之间的图层关系。