页面测量
如何精准的发现控件并识别相关控件的大小、宽高、背景色等各类属性?带着这个问题,爱奇艺移动客户端团队深入设计团队内部了解现有工作流程及核心关注点,结合现有的技术积淀探寻解决问题的最优方案。
对于设计团队,控件测量需要达到 100% 的测量准确度,如果准确度达不到 100%,那么就会导致另一种形式的反复验收与修改。
所以,我们综合评估了两种控件测量的方案:
Sketch 插件 + 端验收 SDK:
●开发页面:在 App 中嵌入验收 SDK,调用控件的 API 来测量。
●设计页面:通过 Sketch 插件来获取每个控件的数据。
AI 图像控件识别:
使用图像识别算法从页面截图中识别和测量控件。
综上对比,尽管 AI 图像控件识别方案无需多端独立适配,但是其在控件精准识别和控件属性识别上暂时无法满足严苛的界面验收标准,所以我们最终在生产环境中采用了 Sketch 插件 + 端验收 SDK 的方案。
页面验收
页面验收部分负责对页面进行验收,在进行页面验收时,我们有两种模式:个性化验收模式和自动验收模式。
个性化验收模式:
<