CodeLocator登场
CodeLocator 是字节跳动开源的一个包含 Android SDK 与 Android Studio 插件的 Android 工具集。个人使用之后感觉是安卓开发人员的利器，推荐给大家。(mac、windows都可以用)
快速上手
- 在Android Studio中安装
CodeLocator插件(点此下载最新版插件) - 工程中集成
CodeLocator
// 集成基础能力, 只需要添加一行依赖即可
dependencies {
// 依赖androidx, 已升级AndroidX的项目集成下面的依赖
implementation "com.bytedance.tools.codelocator:codelocator-core:2.0.3"
// 未升级AndroidX的项目集成下面的依赖 support版本不再维护 请升级androidx
implementation "com.bytedance.tools.codelocator:codelocator-core-support:2.0.0"
}
- 目前官网描述的代码跳转的能力，需要集成Lancet，但是
Lancet的引入有关于Gradle 版本和AGP 版本的要求
集成
Lancet插件和依赖的项目，关于Gradle 版本和AGP 版本不能适配超过7.2，不建议高版本去适配，已经帮大家踩了很多坑了😢
还有一坑就是，
CodeLocator对compose支持不是友好🐶
当工程的依赖和Android Studio的插件都到位之后，便可以启动开发app，然后使用抓取功能和调试开发。
使用功能和场景
这里我讲述下自己在使用CodeLocator的一些场景。
UI相关功能
UI界面功能
<img src="https://z1.ax1x.com/2023/09/20/pPIkpa8.png" alt="" width="30%" />
当抓取了app当前的界面之后，直接可以在界面上点击，然后查看一些组件尺寸和间距的情况。这里在界面上有几种点击模式:
- 直接单击: 会按照可点击属性查找View, 上层可点击View会覆盖底部View。
- control(Alt) + 单击: 会去查看view的深度，z轴的情况。
- Shift + 单击: 多选View, 同时可对比最后选中的两个View的间距，大家在安卓XML开发的时候，在真机测试下，这里的间距和尺寸观察就十分有用了。
实时修改ui
在界面上，点击view组件之后，可以直接右键选择修改属性，当然这里选中view之后右键还有很多好用的功能。
<img src="https://z1.ax1x.com/2023/09/20/pPIkF2j.md.png" alt="" width="30%" />
直接修改view组件的属性: 字符内容、字体大小、颜色、可见性、内外边距等等
<img src="https://z1.ax1x.com/2023/09/20/pPIkiGQ.md.png" alt="" width="30%" />
CodeLocator还有复制窗口功能，复制窗口之后还有diff模式，比对ui的差别。
追溯抓取历史
CodeLocator抓取历史最多可以有三十条，其中每一条数据都带有时间和缩略图浏览。你可以在显示历史抓取功能里选择之前抓取的界面，然后对比属性。这里还可以直接保存抓取数据，文件会以projectName_XXXX_XXXX.codeLocator保存，之后想要使用便可以加载。
跳转界面对应的activity和fragment
CodeLocator可以在界面上，根据你抓取的界面和view组件，来判断它是在哪个activity、fragment和对应的XML组件名，并且直接选择跳转。
一些项目上，想快速知道这个页面到底归属哪个activity、fragment或者XML组件的时候，这个功能的优越性就体现出来了。
<img src="https://z1.ax1x.com/2023/09/20/pPIkkxs.md.png" alt="" width="80%" />
快速启动charles
一键启动charles，并且在Android Studio随开随关，不需要你去手机上专门开启和关闭代理
- 开启
<img src="https://z1.ax1x.com/2023/09/20/pPIk9IS.md.png" alt="" width="60%" />
- 关闭
<img src="https://z1.ax1x.com/2023/09/20/pPIkPPg.md.png" alt="" width="60%" />
上图工具箱中的集成功能也很丰富，也是在Android Studio随开随关。
工具箱
值得一提的是工具箱中的集成功能也很丰富，也是随开随关。
集成lanct有的功能
如果CodeLocator集成了lancet相关依赖和插件之后，可以有更强大的代码跳转能力:
- 跳转findViewById
- 跳转clickListener
- 跳转touchListener
- 跳转XML
- 跳转viewHolder
- 跳转startActivity
- 跳转相应的dialog、toast
