[发明专利]一种UI组件生成方法、装置和终端设备

说明书

本发明实施例提供一种UI组件生成方法、装置和终端设备，该方法包括：根据视觉设计稿生成描述文件，其中，所述描述文件包括与所述视觉设计稿的参数对应的键值对；生成与所述键值对对应的代码；使用所述代码生成UI组件。本发明实施例可以提高UI组件开发效率。

技术领域

本发明涉及互联网技术领域，尤其涉及一种用户界面(User Interface，UI)组件生成方法、装置和终端设备。

背景技术

目前UI组件开发过程中是视觉设计师向应用开发者提供设计稿，但由于视觉设计师和应用开发者这两个工种不同，经常会出现理解不一致的情况，从而在UI组件开发流程需要视觉设计师与应用开发者不断地进行沟通协调，以达到一致，最终开发出UI组件。可见，目前UI组件开发效率比较低。

发明内容

本发明实施例提供一种UI组件生成方法、装置和终端设备，以解决UI组件开发效率比较低的问题。

本发明实施例提供一种UI组件生成方法，包括：

根据视觉设计稿生成描述文件，其中，所述描述文件包括与所述视觉设计稿的参数对应的键值对；

生成与所述键值对对应的代码；

使用所述代码生成UI组件。

可选的，所述根据视觉设计稿生成描述文件包括：

对所述视觉设计稿进行分解，以得到所述视觉设计稿的至少一个对象的参数；

生成分别与所述至少一个对象对应的键值对。

可选的，所述生成分别与所述至少一个对象对应的键值对，包括：

通过目标插件将所述至少一个对象转化为至少一个键值对，每个键值对包括键和值，其中，目标键值对包括的键为目标对象的描述文件，所述目标键值对包括的值为所述目标对象的参数的描述文件，所述目标键值对为所述至少一个键值对中任意键值对，所述目标对象为所述至少一个对象中与所述目标键值对对应的对象，所述目标插件包括所述至少一个对象的描述文件和所述至少一个对象的参数的描述文件。

可选的，所述通过目标插件将所述至少一个对象转化为至少一个键值对，所述方法还包括：

若所述目标插件中缺少所述少一个对象的描述文件，和/或，缺少所述至少一个对象的参数的描述文件的情况下，在所述目标插件中添加缺少的对象的描述文件，和/或，在所述目标插件中添加缺少的参数的描述文件。

可选的，所述参数包括如下至少一项：

形状、色值、长宽和间距。

可选的，所述生成与所述键值对对应的代码，包括：

通过目标引擎将所述键值对转化为对应的代码，其中，所述目标引擎中包括所述键值对中键的代码，以及包括所述键值对中值的代码。

可选的，所述目标引擎中包括历史迭代版本过程中的多个UI组件对应的所述描述文件的键值对对应的代码。

可选的，所述通过目标引擎将所述键值对转化为对应的代码之前，所述方法还包括：

若所述目标引擎中缺少所述键值对中键的代码，和/或，缺少所述键值对中值的代码的情况下，在所述目标引擎中添加缺少的键的代码，和/或，在所述目标引擎中添加缺少的值的代码。

本发明实施例还提供一种UI组件生成装置，包括：

第一生成模块，用于根据视觉设计稿生成描述文件，其中，所述描述文件包括与所述视觉设计稿的参数对应的键值对；

第二生成模块，用于生成与所述键值对对应的代码；

第三生成模块，用于使用所述代码生成UI组件。