一、引言
在App运行过程中,我们的视图层级可能会由于用户的操作一直在发生改变,甚至可能会有一些出乎预料的变化。最近在请教前辈这类问题时,学习到了一个布局查看神器——Layout Inspector。
二、简介
Layout Inspector是Android Studio自带的布局检查器,允许我们在运行时检查应用程序的视图层次结构,如果您的布局是在运行时(而不是完全在 XML 中)构建的并且布局表现出意外行为,这会很有用。
Layout Inspector官方使用文档
三、使用
如需打开 Layout Inspector,请执行以下操作:
在连接的设备或模拟器上运行应用。依次点击 Tools > Layout Inspector。在随即显示的 Choose Process 对话框中,选择想要检查的应用进程,然后点击 OK。
默认情况下,Choose Process 对话框仅列出当前在 Android Studio 中打开且正在设备或模拟器上运行的项目的进程。如果您要检查设备上的其他应用,请勾选 Show all processes。如果您使用的是没有安装 Google Play 商店的已取得 root 权限的设备或模拟器,那么您会看到所有正在运行的应用。否则,您只会看到正在运行的可调试应用。
布局检查器会拍摄快照,将其另存为 .li 文件并打开。
View Tree:布局中视图的层次结构。Layout Inspector 工具栏:Layout Inspector 的工具。Screenshot:设备上显示的应用布局的屏幕截图,其中显示了每个视图的布局边界。Properties Table:选定视图的布局属性。
如果您的布局包括重叠视图,则默认情况下,只有前面的视图可以在屏幕截图中点击。让后面的视图可以在屏幕截图中点击,请执行以下操作: 在 View Tree 中右键点击前面的视图,然后取消选中 Show in preview。此操作不会让视图内容消失;仅会让屏幕截图中的可点击边界消失,以便您可以点击在它后面的视图。
如果设备上的布局发生变化,布局检查器不会更新。必须再次点击 Tools > Android > Layout Inspector,创建一个新的快照。每一个快照都将保存到project-name/captures/ 内一个单独的 .li 文件中。
四、结语
推荐阅读:
Android进阶 - 视图层级实时分析
Android 布局优化