[发明专利]用于将UI图转换成代码文件的方法和装置

权利要求书

1.一种用于将UI图转换成代码文件的方法，其特征在于，该方法包括：

确定所述UI图对应的json文件；

解析所述json文件，以获取所述UI图中的至少一个元素的相关信息，其中，针对任一元素，所述相关信息包括：元素类型、该元素在所述UI图中的坐标、尺寸及外观属性；

针对所述UI图中的至少一个元素，根据所述相关信息确定元素对应的代码文件；以及

基于所述UI图中的至少一个元素对应的代码文件，生成所述UI图对应的代码文件。

2.根据权利要求1所述的方法，其特征在于，针对所述UI图中的至少一个元素中的任一元素，根据所述相关信息确定该元素对应的代码文件包括：

根据所述元素类型及预设映射表，确定所述元素类型对应的类型模板，其中，所述预设映射表包括所述元素类型与所述类型模板的对应关系；

将所确定出的类型模板生成对应的代码文件；以及

根据所述坐标、所述尺寸及所述外观属性，对所确定出的类型模板对应的代码文件进行调整，以将所述坐标、所述尺寸和所述外观属性添加至代码文件中，进而获得该元素对应的代码文件。

3.根据权利要求1或2所述的方法，其特征在于，所述UI图为sketch文件，所述确定所述UI图对应的json文件包括：

将所述sketch文件转换为zip文件；

解压所述zip文件；

搜索解压所述zip文件得到的至少一个文件夹，以找到配置文件夹；以及

从所述配置文件夹中找到json文件，其中所找到的json文件即为所述UI图对应的json文件。

4.根据权利要求1或2所述的方法，其特征在于，在所述确定所述UI图对应的json文件之前，该方法还包括：为所述UI图中的至少一个元素添加辅助标签，其中，针对任一元素，所述辅助标签表明该元素是否包括点击事件，所述相关信息还包括所述辅助标签。

5.根据权利要求4所述的方法，其特征在于，针对所述UI图中的任一元素，在根据所述元素类型及预设映射表确定出所述元素类型对应的类型模板以及将所确定出的类型模板生成对应的代码文件的情况下，除根据所述坐标、所述尺寸及所述外观属性对所确定出的类型模板对应的代码文件进行调整外，根据所述相关信息确定该元素对应的代码文件还包括：

根据所述辅助标签对所确定出的类型模板对应的代码文件进行调整，以将所述辅助标签添加至所述代码文件中。

6.一种用于将UI图转换成代码文件的装置，其特征在于，该装置包括：

json文件确定模块，用于确定所述UI图对应的json文件；

解析模块，用于解析所述json文件，以获取所述UI图中的至少一个元素的相关信息，其中，针对任一元素，所述相关信息包括：元素类型、该元素在所述UI图中的坐标、尺寸及外观属性；

元素代码文件确定模块，用于针对所述UI图中的至少一个元素，根据所述相关信息确定元素对应的代码文件；以及

代码文件生成模块，用于基于所述UI图中的至少一个元素对应的代码文件，生成所述UI图对应的代码文件。

7.根据权利要求6所述的装置，其特征在于，所述元素代码文件确定模块针对所述UI图中的至少一个元素中的任一元素，根据所述相关信息确定该元素对应的代码文件包括：

根据所述元素类型及预设映射表，确定所述元素类型对应的类型模板，其中，所述预设映射表包括所述元素类型与所述类型模板的对应关系；

将所确定出的类型模板生成对应的代码文件；以及

根据所述坐标、所述尺寸及所述外观属性，对所确定出的类型模板对应的代码文件进行调整，以将所述坐标、所述尺寸和所述外观属性添加至代码文件中，进而获得该元素对应的代码文件。