[发明专利]用户界面代码的生成方法和插件

权利要求书

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

插件在开放应用程序编程接口API的制图平台中加载成功并运行；

根据接收的页面组件选择指令，将在预设组件库中与所述页面组件选择指令对应的页面组件显示在所述制图平台的工作区上；

根据接收的普通组件选择指令，将在所述预设组件库中与所述普通组件选择指令对应的普通组件显示在所述页面组件上，所述普通组件选择指令包括的普通组件标识中未含有页面组件标识；根据接收的布局设置指令调整所述普通组件在所述页面组件上的位置，所述布局设置指令包括相对布局信息；所述制图平台根据在所述普通组件上接收的切片标志位设置指令，对所述切片标志位设置指令操作的切片进行标记，从而形成所述制图平台下的用户界面；

所述插件根据接收的代码生成指令、预设的代码模板与界面描述文件模板、和所述制图平台下的用户界面，生成终端运行下的用户界面代码，所述代码生成指令包括代码模板标识。

2.根据权利要求1所述的生成方法，其特征在于，所述普通组件选择指令包括多个普通组件标识，多个所述普通组件标识分为第一普通组件标识和其他普通组件标识，所述第一普通组件标识与所述其他普通组件标识为父子关系。

3.根据权利要求1所述的生成方法，其特征在于，所述根据接收的普通组件选择指令，将在所述预设组件库中与所述普通组件选择指令对应的普通组件显示在所述制图平台的工作区上之后，还包括：

插件根据接收的属性设置指令设置所述普通组件的属性，所述属性设置指令包括类型、按下颜色、按下跳转类型。

4.根据权利要求1所述的生成方法，其特征在于，所述生成方法还包括：

接收移动终端操作系统模拟器或移动终端的应用程序发送的预览指令，所述预览指令触发所述插件将所述制图平台下的用户界面生成解释性语言代码、并下载到所述应用程序上以使所述制图平台下的用户界面实际运行在所述移动终端操作系统模拟器或移动终端。

5.一种插件，其特征在于，所述插件加载于开放应用程序编程接口API的制图平台中并运行，所述插件包括：

页面组件选择单元，用于接收页面组件选择指令，根据所述页面组件选择指令将在预设组件库中与所述页面组件选择指令对应的页面组件显示在所述制图平台的工作区上；

普通组件选择单元，用于接收普通组件选择指令，根据所述普通组件选择指令将在所述预设组件库中与所述普通组件选择指令对应的普通组件显示在所述页面组件上，所述普通组件选择指令包括的普通组件标识中未含有页面组件标识；

布局设置单元，用于接收布局设置指令，根据所述布局设置指令调整所述普通组件在所述页面组件上的位置，所述布局设置指令包括相对布局信息；

标记接收单元，用于接收所述制图平台作用于显示在所述页面组件上的普通组件的切片标志位设置指令，所述切片标志位设置指令用于对切片进行标记；

代码生成单元，用于根据接收的代码生成指令、预设的代码模板与界面描述文件模板、和所述制图平台下的用户界面，生成终端运行下的用户界面代码，所述代码生成指令包括代码模板标识。

6.根据权利要求5所述的插件，其特征在于，所述普通组件选择指令包括多个普通组件标识，多个所述普通组件标识分为第一普通组件标识和其他普通组件标识，所述第一普通组件标识与所述其他普通组件标识为父子关系。

7.根据权利要求5所述的插件，其特征在于，所述插件还包括：

属性设置单元，用于接收属性设置指令，根据所述属性设置指令设置所述普通组件的属性，所述属性设置指令包括类型、按下颜色、按下跳转类型。

8.根据权利要求5所述的插件，其特征在于，所述插件还包括：

预览单元，用于接收移动终端操作系统模拟器或移动终端的应用程序发送的预览指令，所述预览指令触发所述插件将所述制图平台下的用户界面生成解释性语言代码、并下载到所述应用程序上以使所述制图平台下的用户界面实际运行在所述移动终端操作系统模拟器或移动终端。