如何在IntelliJ中查看Jetpack Compose的绘制元素及渲染来源？

IntelliJ（以及基于它的Android Studio）提供了Compose Layout Inspector，完全可以替代浏览器DevTools的功能，帮你定位屏幕内容对应的Composable：

• 启动方式：运行Compose应用后，可通过IDE底部工具栏的Layout Inspector标签页打开，也能通过菜单栏View > Tool Windows > Layout Inspector启动。
• 核心功能：
  • 悬停在模拟器或真机的屏幕元素上，Inspector面板会同步显示对应的Composable层级，包括具体的Composable名称、参数值，点击面板中的Composable项，IDE会直接跳转到代码中的对应位置，明确渲染逻辑的来源。
  • 查看完整的Compose UI树，展开层级可查看父/子Composable的关系，以及它们的布局参数、状态变量值。
  • 支持实时修改部分布局参数（如尺寸、padding），即时预览效果，无需重新编译应用。
• 补充调试技巧：如果需要追踪Composable的重组情况，可以给目标Composable添加@LogCompositions注解，在Logcat中查看重组日志，但这更偏向性能调试，定位渲染元素还是Layout Inspector更直接。

内容的提问来源于stack exchange，提问作者Dave Westerman