Layout Inspector 支持 3D 视图了!

简介: Layout Inspector 支持 3D 视图了!

Layout Inspector(布局检查器) 大家应该都不陌生,我们可以通过它来检查布局层级。最近 Google 团队在 Medium 上发布了 Android Studio 4.0 上关于 Layout Inspector 的更新情况,原文地址如下:

medium.com/androiddeve…

下面就带着大家简单了解一下 AS 4.0 为 Layout Inspector 带来了哪些新能力。


使用


View -> Tool Window -> Layout Inspector

image.png

接着选择你要调试的进程就可以了。

image.png

这里要注意的是你选择的进程只能是 正在运行的进程 ,并且是 可调试的 。可调试就是你的 apk 中的清单文件中 debugable 的值为 true ,通过 AS 直接运行在手机或者模拟器上的应用都是可调试的。


我使用自己的应用 直达 也体验了一下。

image.png

猝不及防的打一波广告。直达是我做的一个小工具,通知栏快速启动 微信扫码支付宝扫码收能量淘宝搜索页知乎搜索页 等等。更多快捷方式正在路上!下载地址:

www.coolapk.com/apk/258318

回到正题。

最左侧是布局层级,可以清楚的看到从 DecorView 到最上层的每一层级的布局,中间是应用截图,最右边是当前页面的各种属性,一目了然。

这都是本来就支持的功能。在 AS 4.0 中,又新增了一些实用功能。


新功能


Live updates

在中间一栏的上部多了一个 Live updates 选项,开启之后,当你在操作你的App 时,Layout Inspector 可以实时更新你的屏幕变化。而以前只能查看单独页面,这是一个很大的改善。录个屏给大家演示一下。

image.png


支持 3D 视图

这个看起来很酷炫,可是很遗憾,我的设备并不支持。

image.png

不知道这个 Device image too large 是不是指手机分辨率过高。

在这里就放几张 Google 的图片。

可以直接拖动视图,360 度查看布局层级。

image.png

在视图上右击,会弹出菜单项,可以选择仅展示当前视图的父 View 或者 子 View 。

image.png

image.png

在右侧的属性视图中,可以直接跳转到布局控件声明处,即 xml 文件代码 处。

image.png

还有什么可以查看视图层级 ?


搞过无障碍服务开发的应该都用过 Android Device Monitor 里面的 Dump View Hierarchy 功能,我个人也更加喜欢这个工具。因为它可以分析任何应用的页面,更加强大一些。这跟 Layout Inspector 的应用场景是不一样的。


除了 PC 上的工具以外,Android 上也有一些解决方法。最近比较火的 Doraemon,来自滴滴的开源开发工具就支持了这一功能,同样也支持 3D 展示。同样的,它也只支持集成进本应用查看当前布局层级。


那么,有没有办法在手机上实时查看任何应用的布局层级呢?办法也是有的,通过无障碍服务就可以。在 AccessibilityService 中就可以获取到当前页面的层级结构,不论处于前台的是什么 App ,再参考 Doraemon 的布局分析代码就行了。这个功能挺有意思,有空来实现一下。

关于 Layout Inspector 就说到这里了,大家可以下载 Android Studio 4.0 Beta 版本来亲自体验一下。



相关文章
|
7月前
|
Android开发
Android教程之Android 用户界面-表格视图(GridView)
Android教程之Android 用户界面-表格视图(GridView)
56 1
|
Android开发
Android 实现视图文本TextView的展开与收缩功能
Android 实现视图文本TextView的展开与收缩功能
311 0
|
Android开发
Android统计图表MPAndroidChart:动态添加数据更新【6】
 Android统计图表MPAndroidChart:动态添加数据更新【6】 Android MPAndroidChart的LineDataSet代表一条统计图表中统计折线,一张统计图表可以同时存在若干条统计折线,其在内存中存储的模型类型数组,从0开始下标。
3165 0
|
Android开发
Android TabLayout 加 ViewPager实现选项卡切换功能
今天讲一个很简单的功能,就是可以切换的选项卡功能,很多app都有类似这种效果,实现的方法也有很多,这里我采用TabLayout加上ViewPager来实现,这里我做了一个封装,相当于一个工具类来着,哪个地方需要用到都可以使用,使用上我的那个封装类就可以了。
256 0
Android TabLayout 加 ViewPager实现选项卡切换功能
|
API Android开发
如何设置Android Studio绘制布局时的视图
如何设置Android Studio绘制布局时的视图
247 0
如何设置Android Studio绘制布局时的视图
【JetPack】视图绑定 ( ViewBinding ) 各种应用 ( 视图绑定两种方式 | Activity 布局 | 对话框布局 | 自定义组件布局 | RecyclerView 列表布局 )
【JetPack】视图绑定 ( ViewBinding ) 各种应用 ( 视图绑定两种方式 | Activity 布局 | 对话框布局 | 自定义组件布局 | RecyclerView 列表布局 )
593 0
【JetPack】视图绑定 ( ViewBinding ) 各种应用 ( 视图绑定两种方式 | Activity 布局 | 对话框布局 | 自定义组件布局 | RecyclerView 列表布局 )
|
Android开发
完美解决Android的WebView加载失败(404,500),显示的自定义视图
完美解决Android的WebView加载失败(404,500),显示的自定义视图
1190 0