Android Studio 4.0 新功能之Live Layout Inspector

深藏阁楼爱情的钟 2023-02-14 01:59 1阅读 0赞

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ZpdGF2aXZh_size_16_color_FFFFFF_t_70]  
最近 [Android Studio 4.0 ][Android Studio 4.0] 稳定版本正式发布，其中一个重要升级就是新版的Layout Inspector

# 旧版的Layout Inspector #

4.0 之前我们通过`Tools -> Android -> Layout Inspector` 可以对当前进程现实中画面进行分析，获取视图的Hierarchy以及Property信息![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ZpdGF2aXZh_size_16_color_FFFFFF_t_70 1]

# Live Layout Inspector #

4.0 通过同样的菜单可以打开新版的 Layout Inspector  
![在这里插入图片描述][20200530212303225.gif]  
运行APP后，选择当前进程，可以看到当前运行中的画面：  
![在这里插入图片描述][20200530212059885.gif]

## 3D View ##

Live Layout Inspector 可以3D的形式显示Hierarchy，更利于开发者分析层次结构，（3D View 目前只能运行在Android10(Api Level 29)以上的设备中）  
![在这里插入图片描述][20200530211750382.gif]

在3D视图中，通过右击菜单，可以显示选中层级的子View或者父View  
![在这里插入图片描述][20200530212008850.gif]

## Resource Properties ##

Live Layout Inspector 的属性信息相对于老版本更加强大，通过资源的超链接，可以直接跳往Res文件：  
![在这里插入图片描述][20200530213100178.gif]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ZpdGF2aXZh_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200605153235944.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ZpdGF2aXZh,size_16,color_FFFFFF,t_70
[Android Studio 4.0]: https://android-developers.googleblog.com/2020/05/android-studio-4.html
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ZpdGF2aXZh_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200530204346714.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3ZpdGF2aXZh,size_16,color_FFFFFF,t_70
[20200530212303225.gif]: https://img-blog.csdnimg.cn/20200530212303225.gif
[20200530212059885.gif]: https://img-blog.csdnimg.cn/20200530212059885.gif
[20200530211750382.gif]: https://img-blog.csdnimg.cn/20200530211750382.gif
[20200530212008850.gif]: https://img-blog.csdnimg.cn/20200530212008850.gif
[20200530213100178.gif]: https://img-blog.csdnimg.cn/20200530213100178.gif