Android布局层次结构查看工具

您所在的位置:网站首页 软件activity查看工具 Android布局层次结构查看工具

Android布局层次结构查看工具

#Android布局层次结构查看工具| 来源: 网络整理| 查看: 265

uiautomatorviewer介绍

    Android平台的uiautomatorviewer工具已经存在很多年,第一次接触该工具的同学一定会觉得它的名字很奇怪……,如果我们把它的名字用空格字符隔离开就清楚多了:UI Automator Viewer(中文直译:界面 自动化 查看器),这个工具本身是作为Android的UI Automator测试框架(Ui自动化框架)的配套工具而存在的,每当我们使用UI Automator测试框架编写UI功能自动化项目时,一定会经常使用该工具,因为该工具可以查看当前Android设备屏幕上的控件信息,下方的屏幕截图是使用uiautomatorviewer工具截取的微信App主页的布局层次结构(View树),这可能是你第一次看到uiautomatorviewer工具的主界面吧,那么我就先借着这个uiautomatorviewer工具的主界面再来详细介绍一下!

 功能区

功能区位于主界面的左上角!

1、第一个文件夹图标,可以选择并打开一个本地保存的View树文件

2、第二个图标是获取当前屏幕的详细控件层次结构信息

3、第三个图标是获取当前屏幕的压缩后的View树信息

4、第四个图标是用来将当前屏幕的控件层次结构保存为一个文件(这个文件通过该工具可以再次打开)

tips:把鼠标停留在图标上,会出现英文的提示……你会发现彩蛋

:相当于命令行执行 adb shell uiautomator dump命令

:相当于命令行执行 adb shell uiautomator dump --compressed命令

当前屏幕的控件层次结构(View树)的展示区

1、第一个+的图标,可以展开所有收缩的控件

2、后面的图标……点了点,没找到什么功能

3、(1438,1027),这个是鼠标所在的那个点处于设备屏幕中的坐标,这是跟设备屏幕坐标一直的,比如左上角的坐标是(0,0)

两种选中控件的方式

1、第一种是在屏幕截图窗口中,单击一个控件

2、第二种是在右侧的View树展示区,点击一个控件

选中View树中某个控件后展示的详细信息窗口

这个区域展示了哪些信息呢?

答:控件在View子树中的index(相对父容器)、控件的类型、控件所属的应用包名、以及控件的各种属性。举几个例子……

1、resource-id 对应于布局文件中的id属性,比如android:id="@+id/roomField",例子中可以看到我选中微信App某个控件的信息是com.tencent.mm:id/y8,你肯定好奇微信App怎么使用一个毫无实际意义的称作y8的控件id?其实实际的控件id不是y8,这是因为微信对资源源文件也进行了混淆!仔细观察com.tencent.mm:id/y8,发现resource-id的展示信息的规律:packageName:id/xxx!

2、class 表示控件对象使用哪个类创建,我选中的控件的类型是android.widget.LinearLayout,因为我选中的就是一个ViewGroup!哈哈!那么android.widget.LinearLayout就是这个控件的实际类型!

3、package 表示控件所在应用的包名,因为我选中的控件是微信App主页上的一个控件,所以package值是com.tencent.mm,而com.tencent.mm就是微信App的package name!!

4、content-desc 表示控件的内容描述,这是Google专为身体不便的人士准备的信息,Android系统使用语音读出来控件的content-desc属性!Google鼓励我们为每一个控件都编写content-desc!(注意:文本控件没有content-desc、它会使用text属性)

5、剩下的也是控件的属性

这是我选择某个控件的截图,有文本信息的你看起来应该会更直观

1、bounds 表示控件所在矩形相对屏幕的左上角坐标、右下角坐标

uiautomatorviewer必备环境

1、JDK1.8:必须是JDK1.8,没的商量

2、Android SDK,必须安装Android SDK

3、Mac、Window、Linux,任意一个系统都可以

uiautomatorviewer启动方式(官方)

当你满心欢喜的按照官方提供的启动方式操作的时候,你却未必能够启动成功!这是因为可执行文件uiautomatorviewer在/Android/sdk/tools/bin目录下,你可能没有将此目录配置到系统的环境变量中,此时系统找不到uiautomatorviewer命令启动该工具,除了配置环境变量,还可以这样去做

Mac系统

cd /Users//Library/Android/sdk/tools/bin  表示切换当前工作目录到bin目录下

./uiautomatorviewer 表示运行当前目录下的可执行文件uiautomatoorviewer(mac)

uiautomatorviewer一些错误经验

1、当你未连接一个设备而打开该工具时(你未连接手机,去点击查看View树,就会得到以下截图的信息)

解决办法:需要确保设备已经通过adb与个人电脑建立连接(请使用adb devices查看设备是否已经连接)

2、有时候你满心欢喜点击获取View树时,也可能遇到这样的情况……

解决办法:重新再次点击……

3、View树展示窗口显示空白

解决办法:你当前窗口的控件太多了,放不下了!!拖动窗口…………看看

uiautomatorviewer实战经验

1、包含WebView的窗口完全可以使用该工具获取Web上的元素信息

2、屏幕处于省电状态时,该工具捕获的屏幕会是黑色的……

3、界面中的ConstrainLayout会被识别为ViewGroup……

4、想看某个点距离屏幕的左上角的距离,只需要把鼠标放到控件上即可,看右上角的(x,y)变化

5、选中的控件在View树中展示的信息,我选中了桌面的一个应用Icon,除了展示文本信息之外,后面的两组数字

表示的是控件左上角的(left,top)值与控件右下角的(right,bottom)值,这两个坐标都是相对屏幕左上角(0,0)的坐标!

6、关于index值的描述,index值的表示的当前控件相对于父容器的位置,注意下方的两个箭头的截图

第一个直接子元素(MIDI)的index值为0,第二个直接子元素(将设备……)的值为1,两个子元素都是TextView

7、再举个直接子元素的例子,关于index值,下方截图红框范围(一个ViewGroup的直接子元素可以是View,也可以是ViewGroup)(注意:单纯的一个View是没有子元素的,只有ViewGroup才有子元素)

是以LinearLayout作为根元素,共计有5个直接子元素,第一个直接子元素的index值为0,然后依次的index值是1、2、3、4



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3