Android版App的控件元素定位

关山初度尘未洗，策马扬鞭再奋蹄！这篇文章主要讲述Android版App的控件元素定位相关的知识，希望能为你提供帮助。
前言如何获取页面上各控件元素，无论是Web自动化还是App自动化，此步骤都是非常关键的！
Web页面的控件元素可通过开发者选项（Chrome浏览器的F12）来协助定位，App端也是有相应的工具来协助定位的
uiautomatorviewer配置android版的元素定位依赖Android Studio里的自带的工具uiautomatorviewer来协助定位；uiautomatorviewer通过截屏并
分析XML布局文件的方式，为用户提供空间信息查看服务。
【Android版App的控件元素定位】uiautomatorviewer的安装路径在Library/Android/sdk/tools/bin/uiautomatorviewer下（Mac版本）
由于每次启动都需要进入Library/Android/sdk/tools/bin/目录才能启动，显得十分繁琐；因此在配置文件(.bashrc)中添加了一条alias：
(alias uiviewer=Library/Android/sdk/tools/bin/uiautomatorviewer)，后续可直接在终端使用uiviewer启动。

文章图片

另外，需要在环境变量文件（.bash_profile)添加：source ~/.bashrc

文章图片

添加完之后，需在终端执行指令：source ~/.bash_profile使环境变量生效。接着可直接使用指令uiviewer启动uiautomatorviewer工具。
控件元素定位启动完uiautomatorviewer工具后，连接上安卓手机，并且进入到相应的页面，通过左上角的截图按钮即可将App上的控件元素解析出来

文章图片

紧接着，就可根据各控件的属性进行控件元素的定位了，一般优先使用ID来定位。

p.p1 { margin: 0; font: 11px Menlo; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1) } span.s1 { font-variant-ligatures: no-common-ligatures } p.p1 { margin: 0; font: 11px Menlo; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1) } span.s1 { font-variant-ligatures: no-common-ligatures } p.p1 { margin: 0; font: 11px Menlo; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1) } span.s1 { font-variant-ligatures: no-common-ligatures } p.p1 { margin: 0; font: 11px Menlo; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1) } span.s1 { font-variant-ligatures: no-common-ligatures } p.p1 { margin: 0; font: 11px Menlo; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1) } span.s1 { font-variant-ligatures: no-common-ligatures } p.p1 { margin: 0; font: 11px Menlo; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1) } span.s1 { font-variant-ligatures: no-common-ligatures } p.p1 { margin: 0; font: 11px Menlo; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1) } span.s1 { font-variant-ligatures: no-common-ligatures }