如何匹配手机截图上的ui元素和布局代码

Question

假如手机截了某app的图，怎么把手机截图上的某个元素和另一台大小不同的平板上的同一个元素匹配起来？
因为这个时候同一个元素的xy坐标不同。
uiautomator2的图像匹配，只能匹配一模一样的view，然后精度也一般般，像是内容会刷新的imageview和textview就不能匹配上了。

我的想法是，先计算机视觉把手机截图的图片上的元素划分开来，然后针对其中的一个 比方说按钮，给它找到对应的代码片段、对应的resource id，
根据图片的像素，xy坐标，和其他元素的相对位置，能不能找到对应的元素代码？

Answer 1

布局文件中，用约束布局可以实现匹配多种分辨率的屏幕，另外在开发者模式中打开 显示布局边界 的选项就可以十分直观地查看布局了，截图是没有用的。