Layout Inspector 是 Android Studio 提供的一个强大工具，用于分析和调试 Android 应用的 UI 布局。前置条件是app是debug调试状态，它允许你在应用运行时实时查看布局层次结构、UI 元素的属性，并帮助你诊断 UI 渲染问题。
Toggle Deep Inspect 是 Layout Inspector 中的一个功能，非常实用，可以定位界面布局异常问题，比如有界面图层局部闪屏，出现黑屏，白屏等显示问题，点击"Toggle Deep Inspect"按钮后可以固定布局，此时点击布局中的异常view位置，可快速定位布局异常问题，
使用 Layout Inspector 的步骤：
一、 启动应用并运行在设备或模拟器上：
- 首先，确保你的应用已经运行在设备或者模拟器上。你需要通过 Android Studio 构建并运行应用。
二、 打开 Layout Inspector：
- 在 Android Studio 中，点击右上角的 "View" 菜单。
- 选择 "Tool Windows" → "Layout Inspector" ，或者通过快捷键
Alt + Shift + I（Windows/Linux） 或Cmd + Shift + I（Mac）打开。
三、 选择目标设备：
- 在
Layout Inspector窗口中，选择一个已连接的设备或模拟器。如果应用已经运行，你应该能在设备列表中看到它。
四、 刷新布局信息：
- 在
Layout Inspector窗口中，点击 "Refresh" 按钮（通常在界面顶部），以获取当前应用的最新布局视图。
五、查看布局结构：
- 你可以查看整个应用的 UI 层级结构，类似于文件夹树形结构。每个节点代表一个视图元素，例如
TextView、Button等。点击每个元素可以查看它的详细属性。
六、检查 UI 元素的属性：
- 在右侧面板中，你可以看到当前选中视图的属性，包括位置、尺寸、颜色、边距、填充等。可以帮助你了解视图的布局行为。
七、 进行布局调试：
- 实时查看元素的大小与位置 ：通过
Layout Inspector，你可以直接看到视图的尺寸、位置、边距等布局参数，帮助你判断布局是否如预期。 - 查看布局层次：可以看到各个组件如何嵌套，帮助你识别布局问题，特别是一些复杂的布局结构。
- 调试布局渲染问题 ：如果你遇到布局未正确显示的问题，
Layout Inspector会非常有用。它帮助你检查是否有元素被错误地嵌套或是显示错误。
八、使用 Layout Inspector 的额外功能：
- 查看视图的层叠效果 ：你可以检查每个视图的 Z-index（即显示层级），确认视图是否被遮挡。
- 界面截图：可以截取界面视图，方便分析或反馈问题。
- 查看 UI 性能：在高端设备上，你还可以看到布局的性能指标，包括视图的渲染时间和内存占用等。
九、 手动布局调整：
Layout Inspector并不支持直接在工具中修改布局，但是它能够帮助你识别问题。通过对布局的分析，用户可以回到 XML 或 Kotlin/Java 代码中做相应的修改。
传统dump布局adb命令
adb shell dumpsys activity | findStr mFocus
adb shell dumpsys activity|findstr ResumedActivit
adb shell dumpsys window windows > w.txt
adb shell dumpsys activity | findstr mTop
使用 Layout Inspector 的常见场景：
-
UI 层级分析 ：
通过查看视图的层次结构，可以帮助你了解布局是如何渲染的。比如，你可以发现某个视图被错误地嵌套，导致显示问题。
-
调试视图问题 ：
有时应用中的某些视图元素没有显示或者错位，
Layout Inspector可以显示视图的实际位置和尺寸，帮助你快速找出原因。 -
检测 UI 性能问题 ：
对于复杂的界面布局，
Layout Inspector还可以帮助你查看渲染性能，识别可能的性能瓶颈。 -
布局的屏幕适配 ：
可以查看不同屏幕尺寸或分辨率下的布局表现，确保界面在各类设备上都能正确显示。
Layout Inspector 窗口介绍：
- Hierarchy：显示视图层次结构，可以展开和收起视图层次，查看父子视图之间的关系。
- Attributes ：显示选中视图的属性，如
width、height、padding、margin、gravity等，可以帮助你检查视图布局的详细配置。 - Render：显示当前选中视图的渲染图像，可以查看视图的实际显示效果，特别适合检查布局渲染问题。
- Z-index：显示视图的堆叠顺序，帮助你诊断是否有视图被遮挡。
Toggle Deep Inspect 用法
Toggle Deep Inspect 是 Layout Inspector 中的一个功能，非常实用，可以定位界面布局异常问题，比如有界面图层局部闪屏，出现黑屏，白屏等显示问题，点击"Toggle Deep Inspect"按钮后可以固定布局，此时点击布局中的异常view位置，可快速定位布局异常问题，
用于获取更深入的视图属性信息，特别是对于那些嵌套在其他视图内的组件。
什么是 Deep Inspect？
通常，Layout Inspector 会显示视图的基本属性和信息，但对于某些复杂视图或嵌套的视图，可能需要更深入的分析。启用 Deep Inspect 后，可以获取更详细的视图信息，包括某些复杂的布局参数和子视图的详细状态。
如何使用 Toggle Deep Inspect
-
打开 Layout Inspector ：确保你已经通过上述步骤打开了
Layout Inspector。 -
点击目标视图 ：在设备或模拟器上点击你想要检查的视图，
Layout Inspector会高亮显示该视图。 -
启用 Deep Inspect：
- 在
Layout Inspector窗口的右上角，找到并点击 Toggle Deep Inspect 按钮（通常是一个类似放大镜的图标）。 - 启用后，Layout Inspector 将会展示更多层次的布局信息，尤其是对于嵌套或复杂的视图，显示其子视图的详细信息和嵌套关系。
- 在
-
查看视图详细信息：
- 当启用了 Deep Inspect 后，除了显示视图的基本信息（如尺寸、边距等），你还可以看到更多关于该视图的内部结构的信息，比如：
- 是否有子视图
- 子视图的属性
- 是否存在布局约束等。
- 当启用了 Deep Inspect 后，除了显示视图的基本信息（如尺寸、边距等），你还可以看到更多关于该视图的内部结构的信息，比如：
-
禁用 Deep Inspect：
- 当你不再需要深入查看视图时，可以再次点击 Toggle Deep Inspect 按钮来关闭该功能。此时，
Layout Inspector会恢复到显示常规的视图信息。
- 当你不再需要深入查看视图时，可以再次点击 Toggle Deep Inspect 按钮来关闭该功能。此时，
Deep Inspect 的应用场景
- 嵌套视图检查 ：当你有嵌套布局时（例如
LinearLayout中嵌套RelativeLayout，或ConstraintLayout中有多个子视图），使用 Deep Inspect 可以帮助你看到嵌套的子视图及其属性，了解视图层级。 - 复杂布局调试 ：对于一些复杂的 UI 布局，特别是当某个视图无法正确显示时，启用 Deep Inspect 可以帮助你查看视图是否被其他视图遮挡，或者布局参数是否设置正确。
- 多层次视图层级 ：一些应用的布局可能有多层嵌套的视图，启用 Deep Inspect 后，你可以查看每一层视图的属性和子视图的状态，更有利于排查布局问题。
总结：
- Layout Inspector：可以帮助你查看并调试应用的 UI 布局，显示组件树、视图属性和渲染效果。
- Toggle Deep Inspect：启用后，能显示更深入的视图属性信息，特别是对于复杂和嵌套的视图，帮助你查看视图的详细结构和子视图状态。
通过 Toggle Deep Inspect，你能够更细致地了解 UI 组件的内部状态，方便你调试和优化布局，尤其是在处理复杂视图时，它能够为你提供更多有价值的信息。
Layout Inspector 是一个非常实用的调试工具，特别适合用于开发过程中进行 UI 相关的分析与调试。它不仅能够帮助你快速识别布局问题，还能让你了解视图的层次结构、属性和性能问题，使你能够更高效地开发和优化 Android 应用的用户界面。
Toggle Deep Inspect 是其中的一个重要功能，非常实用，可以定位界面布局异常问题，遇到有界面图层局部闪屏，出现黑屏，白屏等显示问题，点击"Toggle Deep Inspect"按钮后可以锁定布局（view不可），此时点击布局中的异常view位置，可快速定位布局异常问题，
用于获取更深入的视图属性信息，特别是对于那些嵌套在其他视图内的组件。