2026年了,Android开发该如何调试布局

518 阅读2分钟

在做iOS开发的过程中,Lookin这款页面调试工具给了我很大的震撼,相比于AndroidStudio的Layout Inspector,Lookin简直是降维打击。他可以精准的捕捉页面元素,并且可以使用3D视角对页面元素的层级进行侧视。

对比之下,Android Studio自带的Layout Inspector一直是开发者的噩梦,经常出现连接失败、页面抓取失败等情况。

但是在Android Studio 2025.2.1 Patch 1这个版本上,这个功能是真的好用,升级到这个版本后, Layout Inspector一直流畅使用,而且功能也更丰富了

一、Layout Inspector

1.点击元素,查看元素详细

  1. 单击指定元素后,可以在测栏查看元素的详情,包括元素id等信息。
  2. 同时也支持双击快速定位到工程文件中。这样就不用通过元素id去项目中搜索了(太多重名的id让元素定位效率大大降低)
  3. 需要注意,定位元素功能需要打开了该工程,否则无法跳转

对于Compose布局,也可以定位到对应的页面

2.3D视角

3D视角可以从侧视图查看页面的布局,确认元素在Z轴的关系。

3.隐藏元素

对于有水印的页面,点击元素定位事件会被水印消费,这可以使用隐藏元素的功能,隐藏后就可以正常查看页面元素。

二、AYA

github.com/liriliri/ay…

作者是一个前端开发,用 electron 封装了一个 GUI 界面。已支持包括常用的手机基本信息查看、应用管理、屏幕截图、终端、进程管理等。

这个软件的功能有很多,在布局查看方面,他比Layout Inspector有几大优势。

1.支持查看元素的绝对位置

这个东西的好处是,在UI走查的时候,设计经常会提出一些元素宽高不对、元素间间距不对的问题。使用这个工具可以确认是否真有问题。

其中,这里的数值是px像素值,要除以屏幕dpi后换算为dp值,一般是2.75。

2.支持所有App的元素抓取

AYA支持抓取手机上所有App的页面布局,包括release应用。以Google Chrome为例,上述截图可以查看Google Chrome的每个页面元素。

除了布局查看外,AYA还有其他的好用的功能:

3.远程控制手机

4.查看adb日志

5.查看手机进程

AYA功能很好用,可以移步去github给作者点个start:github.com/liriliri/ay…