[发明专利]界面代码的生成方法、装置、设备及存储介质

权利要求书

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

显示编辑界面，所述编辑界面上包括可用于UI设计的UI组件，所述UI组件基于第一编程语言实现；

从所述编辑界面中获取用户基于所述UI组件编辑得到的UI界面；

基于所述UI界面中各UI组件之间的位置关系以及嵌套关系，生成所述UI界面对应所述第一编程语言的第一格式数据；

将所述UI界面对应所述第一编程语言的所述第一格式数据转换成对应第二编程语言的第二格式数据；

基于所述第二格式数据，生成所述UI界面对应所述第二编程语言的代码。

2.根据权利要求1所述的方法，其特征在于，所述第一格式数据包括：

所述UI界面中的各UI组件在所述第一编程语言中对应的标签名称、样式名称、样式内容以及所述UI界面中各UI组件之间的嵌套关系。

3.根据权利要求2所述的方法，其特征在于，所述将所述UI界面对应所述第一编程语言的所述第一格式数据转换成对应第二编程语言的第二格式数据，包括：

根据第一编程语言与第二编程语言之间的映射关系，将所述UI界面中的各UI组件在所述第一编程语言中对应的标签名称、样式名称、样式内容以及各UI组件之间的嵌套关系映射为在所述第二编程语言中对应的标签名称、样式名称、样式内容和嵌套关系。

4.根据权利要求3所述的方法，其特征在于，所述根据第一编程语言与第二编程语言之间的映射关系，将所述UI界面中的各UI组件在所述第一编程语言中对应的标签名称、样式名称、样式内容以及各UI组件之间的嵌套关系映射为在所述第二编程语言中对应的标签名称、样式名称、样式内容和嵌套关系，包括：

在检测到所述UI界面的UI组件中未嵌套其他组件时，检测所述UI组件的标签名称中是否包括衍生框架标识；

其中，若包括，则基于所述衍生框架标识，将所述UI组件在所述第一编程语言中对应的标签名称、样式名称和样式内容映射为所述衍生框架在所述第二编程语言中的标签签名、样式名称和样式内容；

若不包括，则将所述UI组件在所述第一编程语言中对应的标签名称、样式名称和样式内容映射为所述UI组件在所述第二编程语言中的原生标签签名、样式名称和样式内容。

5.根据权利要求1-4中任一项所述的方法，其特征在于，所述从所述编辑界面中获取用户基于所述UI组件编辑得到的UI界面之前，所述方法还包括：

接收用户设定的尺寸参数；

基于所述尺寸参数，对所述用户在所述编辑界面中选中的UI组件的尺寸进行调整；

将所述尺寸参数添加到所述UI组件在所述第一编程语言中的样式名称或样式内容中。

6.一种界面代码的生成装置，其特征在于，包括：

显示模块，用于显示编辑界面，所述编辑界面上包括可用于UI设计的UI组件，所述UI组件基于第一编程语言实现；

获取模块，用于从所述编辑界面中获取用户基于所述UI组件编辑得到的UI界面；

第一生成模块，用于基于所述UI界面中各UI组件之间的位置关系以及嵌套关系，生成所述UI界面对应所述第一编程语言的第一格式数据；

转换模块，用于将所述UI界面对应所述第一编程语言的所述第一格式数据转换成对应第二编程语言的第二格式数据；

第二生成模块，用于基于所述第二格式数据，生成所述UI界面对应所述第二编程语言的代码。

7.根据权利要求6所述的装置，其特征在于，所述第一格式数据包括：

所述UI界面中的各UI组件在所述第一编程语言中对应的标签名称、样式名称、样式内容以及所述UI界面中各UI组件之间的嵌套关系。

8.根据权利要求7所述的装置，其特征在于，所述转换模块，包括：

映射子模块，用于根据第一编程语言与第二编程语言之间的映射关系，将所述UI界面中的各UI组件在所述第一编程语言中对应的标签名称、样式名称、样式内容以及各UI组件之间的嵌套关系映射为在所述第二编程语言中对应的标签名称、样式名称、样式内容和嵌套关系。