Android Studio布局检查器工具Layout Inspector检查组件树失败

1,280 阅读2分钟

问题:

在使用studio自带的Layout Inspector无法显示compose组件树

image.png

处理:

告警一:

仔细看段警告

image.png

Could not download androidx.compose.ui:ui-android:1.5.0 from maven.google.com. Check the internet connection. For offline repositories (not common) please specify -Dappinspection.use.dev.jar=true as a custom VM property.

大致意思是无法从谷歌的maven仓库中下载androidx.compose.ui:ui-android:1.5.0这个库。如果要使用离线的这个库,则需要我们在studio.vmoptions这个文件中加入-Dappinspection.use.dev.jar=true这么一段配置。

-Dappinspection.use.dev.jar=true

看了下我们外部依赖库External Libraries中是有这个库的

image.png

那么接下来我们就按照提示来使用离线库的方式

步骤一:添加 -Dappinspection.use.dev.jar=true

按照提示,我们需要打开studio.vmoptions这个文件,

Help > Edit Custom VM Options...

image.png

在打开的文件中添加-Dappinspection.use.dev.jar=true

image.png

然后我们再重新启动下Android studio,重启后我们再次打开Layout Inspector

image.png

告警二

发现错误提示变了

File not found: D:\dev\Android\Android Studio\plugins\android\resources\compose-ui-inspection.jar. Make sure the file is present. Please specify -Dlayout.inspector.rel.jar.location=<folder> as a custom VM property with the folder where the filecan be found.

大概意思是在默认的路径下找不到它想要的包,需要我们指定下

我们打开这个路径,确实是没有看到compose-ui-inspection.jar这个jar包

image.png

步骤二:复制 inspector.jar

这时我们回到开始的提示,开始的提示是想让我们下载androidx.compose.ui:ui-android:1.5.0这个库的,证明这个库里应该是有我们想要的东西。刚好,我们的外部库中有它,那么我们可以打开他来看看

image.png

打开后的文件夹是这样的,没有我们想要的compose-ui-inspection.jar这个jar包

image.png

我们去上一级目录再看下,

image.png

发现有这么一个inspector.jar jar包,看起来很相似。也有检测的意思,会不会这个就是我们想要的

步骤三 粘贴到告警二提示的目录中并重命名compose-ui-inspection.jar

把这个拷贝一份到第二个告警提示所给的目录下,然后重命名成compose-ui-inspection.jar

image.png

步骤四 重新打开 Layout Inspector 检测布局

我们再回到Android studio中打开布局检测

image.png

发现组件树已经出来了,果然inspector.jar就是我们想要的那个jar,只不过命名改了。

至此Android Studio布局检查器工具Layout Inspector检查组件树失败的问题就解决了。