AndroidStudio无法查看Compose重组次数?

印象中是一开始使用AndroidStudio LayoutInspector想查看Compose重组次数的时候,一开始折腾了下后来忘了这茬事了,最近🪜到期了,家里又换了台新的mac mini又看到这个问题😊,就想着给大家整理了一下解决方法,有需要的可以收藏❤️一下。

排查并解决问题

1、首先我们简单创建一个Hello World工程

创建完成之后,直接运行起来,尝试通过LayoutInspector工具查看重组次数。

然而发现出现下面这个错误 (如果有🪜这都不是问题😊),看提示是:

无法下载 androidx.compose.ui:ui-android:1.5.0-beta03

请指定:-Dappinspection.use.dev.jar=true 设置到VM Options配置文件中,继续往下看

2 、配置VM Options

根据上面的提示我们操作路径:Help -> Edit Custom VM Options... 配置文件,将属性配置到此文件中

studio.vmoptions 复制代码
-Dappinspection.use.dev.jar=true

然后我们重启一下AndroidStudio重新运行一下试试。

3 、提示无法找到 compose-ui-inspection.jar文件

上面的截图告诉我们/Applications/AndroidStudio.app/Contents/plugins/android/resources/目录下面找不到compose-ui-inspection.jar包文件。

一开始推这个的时候,没有提示这么明确😊

Windows电脑请打开你安装AndroidStudio的目录

我们打开之后发现确实没有找到compose-ui-inspection.jar包

别急,我们回到第一点,上面一开始提示:

无法下载 androidx.compose.ui:ui-android:1.5.0-beta03

为什么要给我这个提示,是有何深意🤔?

搜索查看谷歌提交代码的记录发现这条历史


👉🏻点击查看提交记录

我们看看工程依赖的ui库能不能找到,查看一下我们的jar包,我们需要先切换到Project目录:

然后,我们需要点击 External Libraries ,然后搜索查找:androidx.compose.ui:ui-android:1.5.0-beta03


请手动点击图片放大查看

找到了这个jar包,我们点击右键,查看jar在本地的位置:

打开路径,查找compose-ui-inspection.jar文件

Mac电脑上:

点击Finder选项之后,打开classes.jar的目录之后,需要返回上一级页面

Windows电脑上:

我们需要返回上一级路径

那么我们把它移动到/Applications/AndroidStudio.app/Contents/plugins/android/resources/目录下面,并重命名 为:compose-ui-inspection.jar

复制到/Applications/AndroidStudio.app/Contents/plugins/android/resources/目录下面之后,我们重新运行一下程序,查看效果,然而我们发现还是不行

出现这个错误,我们可以打开:开发者选项-启用视图属性检查功能

点击开启之后,我们再运行一下 ,查看效果,发现成功了,这下可以好好的玩耍了:

相关推荐
西洼工作室4 分钟前
Vue CLI为何不显示webpack配置
前端·vue.js·webpack
黄智勇1 小时前
xlsx-handlebars 一个用于处理 XLSX 文件 Handlebars 模板的 Rust 库,支持多平台使
前端
brzhang2 小时前
为什么 OpenAI 不让 LLM 生成 UI?深度解析 OpenAI Apps SDK 背后的新一代交互范式
前端·后端·架构
brzhang2 小时前
OpenAI Apps SDK ,一个好的 App,不是让用户知道它该怎么用,而是让用户自然地知道自己在做什么。
前端·后端·架构
Lei活在当下2 小时前
【业务场景架构实战】7. 多代智能手表适配:Android APP 表盘编辑页的功能驱动设计
android·设计模式·架构
井柏然3 小时前
前端工程化—实战npm包深入理解 external 及实例唯一性
前端·javascript·前端工程化
IT_陈寒4 小时前
Redis 高性能缓存设计:7个核心优化策略让你的QPS提升300%
前端·人工智能·后端
井柏然4 小时前
从 npm 包实战深入理解 external 及实例唯一性
前端·javascript·前端工程化
羊锦磊4 小时前
[ vue 前端框架 ] 基本用法和vue.cli脚手架搭建
前端·vue.js·前端框架
brzhang5 小时前
高通把Arduino买了,你的“小破板”要变“AI核弹”了?
前端·后端·架构