字节开源安卓开发利器-CodeLocator
CodeLocator登场
CodeLocator
是字节跳动开源的一个包含 Android SDK 与 Android Studio 插件的 Android 工具集。个人使用之后感觉是安卓开发人员的利器,推荐给大家。(mac、windows都可以用)
CodeLocator
的丰富功能可以让安卓应用人员受益,下面这个GIF展示了一些CodeLocator
的功能。
快速上手
- 在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界面功能

当抓取了app当前的界面之后,直接可以在界面上点击,然后查看一些组件尺寸和间距的情况。这里在界面上有几种点击模式:
- 直接单击: 会按照可点击属性查找View, 上层可点击View会覆盖底部View。
- control(Alt) + 单击: 会去查看view的深度,z轴的情况。
- Shift + 单击: 多选View, 同时可对比最后选中的两个View的间距,大家在安卓XML开发的时候,在真机测试下,这里的间距和尺寸观察就十分有用了。
实时修改ui
在界面上,点击view组件之后,可以直接右键选择修改属性,当然这里选中view之后右键还有很多好用的功能。

直接修改view组件的属性: 字符内容、字体大小、颜色、可见性、内外边距等等

CodeLocator
还有复制窗口功能,复制窗口之后还有diff模式,比对ui的差别。
追溯抓取历史
CodeLocator
抓取历史最多可以有三十条,其中每一条数据都带有时间和缩略图浏览。你可以在显示历史抓取
功能里选择之前抓取的界面,然后对比属性。这里还可以直接保存抓取数据,文件会以projectName_XXXX_XXXX.codeLocator
保存,之后想要使用便可以加载。
跳转界面对应的activity和fragment
CodeLocator
可以在界面上,根据你抓取的界面和view组件,来判断它是在哪个activity、fragment和对应的XML组件名,并且直接选择跳转。
一些项目上,想快速知道这个页面到底归属哪个activity、fragment或者XML组件的时候,这个功能的优越性就体现出来了。

快速启动charles
一键启动charles
,并且在Android Studio
随开随关,不需要你去手机上专门开启和关闭代理
- 开启

- 关闭

上图工具箱中的集成功能也很丰富,也是在Android Studio
随开随关。
工具箱
值得一提的是工具箱中的集成功能也很丰富,也是随开随关。
集成lanct有的功能
如果CodeLocator
集成了lancet
相关依赖和插件之后,可以有更强大的代码跳转能力:
- 跳转findViewById
- 跳转clickListener
- 跳转touchListener
- 跳转XML
- 跳转viewHolder
- 跳转startActivity
- 跳转相应的dialog、toast
来源:juejin.cn/post/7280787122012405794