[发明专利]一种UI界面自动校对的方法

权利要求书

1.一种UI界面自动校对的方法，其特征在于，具体包括如下步骤：

获取设计师提供的UI设计稿；

解析UI设计稿，获取原始图层信息，其中至少包括原始图层名称；

启动待校对App，切换到与UI设计稿对应的实际UI界面；

启动自动校对App，接收原始图层信息，并转发给待校对App；

待校对App从当前的实际UI界面中提取实际图层信息，其中至少包括实际图层名称；

根据原始图层名称遍历实际图层名称，

当找到与原始图层名称匹配的实际图层名称时，

进一步比较原始图层信息和实际图层信息中的其他内容，待校对App比较完成后，得到比较结果信息；

自动校对App根据比较结果信息生成标注文件。

2.如权利要求1所述的一种UI界面自动校对的方法，其特征在于，所述UI设计稿，是sketch文件或者是PSD文件格式的设计稿文档。

3.如权利要求2所述的一种UI界面自动校对的方法，其特征在于，所述解析UI设计稿，具体包括如下步骤：

当为sketch文件时，把.sketch文件按.zip文件解压缩，查找previews文件夹获取预览设计图，查找pages文件夹获取json格式的图层结构信息；

当为PSD文件时，使用PSD图片分层提取插件获取原始图层信息。

4.如权利要求3所述的一种UI界面自动校对的方法，其特征在于，当为sketch文件时，所述原始图层信息，除了原始图层名称之外，还包括以下任意之一或部分或全部内容：

预览设计图，

包含图层结构信息的json文件，所述图层结构信息中包括原始图层名称，还包括如下图层相关信息：尺寸信息，位置信息，圆角信息，背景色信息，字号信息；

当为PSD文件时，所述原始图层信息，除了原始图层名称之外，还包括以下任意之一或部分或全部内容：

图层总数，

图层结构信息，所述图层结构信息中包括原始图层名称，还包括如下图层相关信息：尺寸信息，位置信息，圆角信息，背景色信息，字号信息，

分图层的图片信息。

5.如权利要求4所述的一种UI界面自动校对的方法，其特征在于，所述待校对App，以及所述自动校对App，均安装在同一个设备内，该设备被标记为待走查设备。

6.如权利要求5所述的一种UI界面自动校对的方法，其特征在于，所述待校对App从当前UI界面中提取实际图层信息，具体包括如下步骤：

待校对App获取当前的实际UI界面，

解析实际UI界面包括几个窗口，

解析每个窗口包括几个视图，

解析每个视图对应的实际图层信息。

7.如权利要求6所述的一种UI界面自动校对的方法，其特征在于，所述实际图层信息，具体包括以下内容：

图层结构信息，所述图层结构信息中包括实际图层名称，还包括如下图层相关信息：尺寸信息，位置信息，圆角信息，背景色信息，字号信息。

8.如权利要求7所述的一种UI界面自动校对的方法，其特征在于，所述进一步比较原始图层信息和实际图层信息中的其他内容，具体包括如下步骤：

根据图层结构信息获取尺寸信息，位置信息，圆角信息，背景色信息，字号信息，并逐一比对。

9.如权利要求8所述的一种UI界面自动校对的方法，其特征在于，所述自动校对App根据比较结果生成标注文件，具体包括如下步骤：

对于比较结果为相同的对象，采用第一颜色进行框形标注；

对于比较结果为不相同的对象，采用第二颜色进行框形标注；

对于未在实际UI界面中找到对应信息的对象，采用第三颜色进行框形标注。

10.如权利要求1所述的一种UI界面自动校对的方法，其特征在于，所述框形指矩形或正方形或圆形或椭圆形，

所述第一颜色默认为绿色，

所述第二颜色默认为红色，

所述第三颜色默认为黄色；

当发现比较结果为不相同的对象，还生成一浮动层，在所述浮动层填充气泡标注，直接将不同的对象呈现在所述气泡标注中。