Layout Inspector:视图布局检查器

一、引言

在App运行过程中,我们的视图层级可能会由于用户的操作一直在发生改变,甚至可能会有一些出乎预料的变化。最近在请教前辈这类问题时,学习到了一个布局查看神器——Layout Inspector。


二、简介

Layout Inspector是Android Studio自带的布局检查器,允许我们在运行时检查应用程序的视图层次结构,如果您的布局是在运行时(而不是完全在 XML 中)构建的并且布局表现出意外行为,这会很有用。
Layout Inspector官方使用文档


三、使用

如需打开 Layout Inspector,请执行以下操作:

  1. 在连接的设备或模拟器上运行应用。
  2. 依次点击 Tools > Layout Inspector。
  3. 在随即显示的 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 布局优化

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值