注册

字节开源安卓开发利器-CodeLocator

CodeLocator登场


CodeLocator 是字节跳动开源的一个包含 Android SDK 与 Android Studio 插件的 Android 工具集。个人使用之后感觉是安卓开发人员的利器,推荐给大家。(mac、windows都可以用)


CodeLocator的丰富功能可以让安卓应用人员受益,下面这个GIF展示了一些CodeLocator的功能。


CodeLocator转存失败,建议直接上传图片文件

快速上手



  1. 在Android Studio中安装CodeLocator插件(点此下载最新版插件)
  2. 工程中集成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,不建议高版本去适配,已经帮大家踩了很多坑了😢




还有一坑就是,CodeLocatorcompose支持不是友好🐶



当工程的依赖和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

作者:weiran1999
来源:juejin.cn/post/7280787122012405794

0 个评论

要回复文章请先登录注册