申请/专利权人：亿览在线网络技术(北京)有限公司

申请日：2021-07-26

公开（公告）日：2024-06-28

公开（公告）号：CN113485707B

主分类号：G06F8/38

分类号：G06F8/38

优先权：

专利状态码：有效-授权

法律状态：2024.06.28#授权;2021.10.26#实质审查的生效;2021.10.08#公开

摘要：本发明涉及一种UI界面自动校对的方法，获取并解析设计师提供的UI设计稿；获取原始图层信息，至少包括原始图层名称；启动待校对App，切换到与UI设计稿对应的实际UI界面；启动自动校对App，接收原始图层信息，并转发给待校对App；待校对App从当前的实际UI界面中提取实际图层信息，至少包括实际图层名称；根据原始图层名称遍历实际图层名称，当找到名称匹配的图层时，进一步比较图层信息中的其他内容；自动校对App根据比较结果信息生成标注文件。本发明，校对工作由自动校对App和待校对App配合完成，校对过程自动化程度高，避免了人工比对的繁琐、疏漏，提示更直观，效率更高。

主权项：1.一种UI界面自动校对的方法，其特征在于，具体包括如下步骤：获取设计师提供的UI设计稿；所述UI设计稿，是sketch文件或者是PSD文件格式的设计稿文档；解析UI设计稿，获取原始图层信息，其中至少包括原始图层名称；所述解析UI设计稿，具体包括如下步骤：当为sketch文件时，把.sketch文件按.zip文件解压缩，查找previews文件夹获取预览设计图，查找pages文件夹获取json格式的图层结构信息；当为PSD文件时，使用PSD图片分层提取插件获取原始图层信息；当为sketch文件时，所述原始图层信息，除了原始图层名称之外，还包括以下任意之一或部分或全部内容：预览设计图，包含图层结构信息的json文件，所述图层结构信息中包括原始图层名称，还包括如下图层相关信息：尺寸信息，位置信息，圆角信息，背景色信息，字号信息；当为PSD文件时，所述原始图层信息，除了原始图层名称之外，还包括以下任意之一或部分或全部内容：图层总数，图层结构信息，所述图层结构信息中包括原始图层名称，还包括如下图层相关信息：尺寸信息，位置信息，圆角信息，背景色信息，字号信息，分图层的图片信息；启动待校对App，切换到与UI设计稿对应的实际UI界面；启动自动校对App，接收原始图层信息，并转发给待校对App；待校对App从当前的实际UI界面中提取实际图层信息，其中至少包括实际图层名称；根据原始图层名称遍历实际图层名称，当找到与原始图层名称匹配的实际图层名称时，进一步比较原始图层信息和实际图层信息中的其他内容，待校对App比较完成后，得到比较结果信息；自动校对App根据比较结果信息生成标注文件，具体包括如下步骤：对于比较结果为相同的对象，采用第一颜色进行框形标注；对于比较结果为不相同的对象，采用第二颜色进行框形标注；对于未在实际UI界面中找到对应信息的对象，采用第三颜色进行框形标注；所述框形指矩形或正方形或圆形或椭圆形，所述第一颜色默认为绿色，所述第二颜色默认为红色，所述第三颜色默认为黄色；当发现比较结果为不相同的对象，还生成一浮动层，在所述浮动层填充气泡标注，直接将不同的对象呈现在所述气泡标注中。

全文数据：

权利要求：

百度查询： 亿览在线网络技术(北京)有限公司 一种UI界面自动校对的方法

免责声明
1、本报告根据公开、合法渠道获得相关数据和信息，力求客观、公正，但并不保证数据的最终完整性和准确性。
2、报告中的分析和结论仅反映本公司于发布本报告当日的职业理解，仅供参考使用，不能作为本公司承担任何法律责任的依据或者凭证。

阅读全文 双屏查看 官方信息 专利公告 收藏专利 下载PDF 下载WORD