探秘高效移动UI调试神器——UETool

探秘高效移动UI调试神器——UETool

UEToolShow/edit any view's attributions on the screen.项目地址:https://gitcode.com/gh_mirrors/ue/UETool

项目简介

UETool,这是一个专为移动端UI开发者设计的强大调试工具,它允许你在手机设备上实时查看并修改界面元素的属性,无论是Activity、Fragment、Dialog还是PopupWindow,甚至是自定义视图,都能轻松应对。有了UETool,你可以更快地定位和优化布局,提升开发效率。

技术解析

UETool支持Android平台,并采用了MIT许可证。其核心特性包括:

  • 动态移动视图位置,便于调整布局。
  • 显示和编辑常规视图的各种属性,如TextView的文字、大小、颜色等。
  • 展示两个视图之间的相对位置,便于对齐与布局调整。
  • 提供网格辅助线,确保视图精确对齐。
  • 支持Android P版本。
  • 显示当前视图所在的Fragment信息。
  • 展示活动中的Fragment层级结构。
  • 若存在ViewHolder,显示其名称。
  • 自定义视图属性,比如业务参数。

此外,UETool还深度集成Fresco库,可以展示DraweeView的更多详细属性,如ImageURI、占位图片、圆角半径等。

应用场景

UETool在实际开发中能发挥重要作用,例如:

  • 在进行界面交互测试时,快速调整元素位置以优化用户体验。
  • 快速查看和修改文字、颜色等UI细节,缩短迭代周期。
  • 对齐辅助功能帮助保持界面设计的一致性。
  • 调试复杂的Fragment嵌套问题。

项目特点

  • 简单易用:只需一行代码,即可启动或关闭浮动窗口,操作简便。
  • 深度集成:与Fresco完美融合,提供更多视图属性展示。
  • 可扩展性强:支持自定义视图属性,满足个性化需求。
  • 高效调试:实时查看和修改属性,提高开发效率。
  • 无侵入性:仅在Debug模式下运行,不影响Release版本发布。

开始使用

集成UETool非常简单,添加JitPack仓库和相应的依赖项到你的build.gradle文件,然后在代码中调用预设的方法即可启用或关闭工具。

// 添加仓库
allprojects {
    repositories {
        ...
        maven { url 'https://jitpack.io' }
    }
}

// 配置依赖
dependencies {
    debugImplementation 'com.github.eleme.UETool:uetool:1.3.4'
    debugImplementation 'com.github.eleme.UETool:uetool-base:1.3.4'
    releaseImplementation 'com.github.eleme.UETool:uetool-no-op:1.3.4'

    // 如果你需要更多关于Fresco的信息
    debugImplementation 'com.github.eleme.UETool:uetool-fresco:1.3.4'
}

UETool是一个强大的助手,无论你是新手还是经验丰富的开发者,它都能帮你提升移动应用的UI调试体验。现在就开始尝试UETool,让开发变得更轻松吧!

UEToolShow/edit any view's attributions on the screen.项目地址:https://gitcode.com/gh_mirrors/ue/UETool

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

SwissArmyKnife是什么SwissArmyKnife 是一款方便调试android UI的工具,可以兼容所有android版本,不需要root权限。可以直接在android手机屏幕上显示当前Activity中所有控件(不管是否隐藏)的边界,内外边距大小,每一个控件大小,图片大小,字体颜色,大小,以及自定义信息。同时可以直接在屏幕上取色,另外还提供了直尺(单位为px和dp),圆角尺(单位dp)工具,可以直接测量大小。针对android开发者还提供了布局树查看功能,可以直接在手机屏幕查看当前Activity中所有控件层次信息等。可以通过滚动层级滚轮来控制只显示某一层级的信息,避免层级覆盖等。使用方式compile 'com.wanjian:sak:0.0.3'android 4.0及以上用户直接在application的onCreate中调用 com.wanjian.sak.LayoutManager.init(Application context) ,其他版本可以在activity的onResume中调用com.wanjian.sak.LayoutManager.init(Activity act)初始化。启动app后会在屏幕左上角看到一个 android logo ,点击即可进入功能界面。功能界面边框选项开启边框选项后可以在手机屏幕看到所有控件的边界,效果如下内外边距选项开启后会在屏幕看到如下效果半透明绿色代表内边距,PT表示上边内边距(padding top),PL表示左内边距(padding left),PT表示右内边距(padding right),PB便是下内边距(padding bottom)。半透明红色代表外边距, ML,MT,MR,MB分别表示左外边距,上外边距,右外边距,下外边距。所有边距单位都是dp(pt),android中会四舍五入,所有边距都是整数,所以可能跟设计图中有不超过1dp(pt)的误差。宽高选项开启后会看到控件的宽高,单位是dp(pt)图片宽高字体大小字体颜色16进制,ARGB强制图片宽高若开启图片宽高选项后看不到图片大小,可以尝试开启强制图片宽高选项。 ps 该选项可能会导致滑动卡顿自定义信息自定义信息用于android开发者调试使用,开发者可以为view设置setTag(com.wanjian.sak.CanvasManager.INFO_KEY,Object),设置后并开启自定义信息选项后就可以在控件左上角看到自定义的文本信息了。比如开发者想要在屏幕上看到TextView中有多少个文字,就可以这样使用textview.setTag(com.wanjian.sak.CanvasManager.INFO_KEY,textview.getText().length()),这样开启自定义信息选项后就可以在TextView上看到文字长度了。实时刷新开启实时刷新后当手指在屏幕上移动时就可以实时看到相关信息,开启实时刷新后可能会导致滑动卡顿,也可能导致触摸,点击等失效。层级信息可以通过滚动滚轮来控制只显示某一层次区间的信息,比如只想看ListView中子控件的大小,就可以滚动滚轮来控制只显示ListView子控件大小,具体调整成多少需要多次尝试。滚轮可以控件边框,宽高,布局树等等。直尺圆角尺,取色器开启后会在屏幕左上角显示,取色器刚开启时只会在屏幕左上角看到一个黑框,拖动到要取色的位置后抬起手机即可完成取色,取色器四个角可以获取所指像素的颜色值。取色器可以获取native页面每个像素颜色,也可以获取webview中每一个像素的颜色。布局树布局树可以双指缩放扩展用户可以方便的对SAK进行扩展,只需要继承自AbsCanvas并重新onDraw(Canvas canvas, Paint paint, ViewGroup viewGroup, int startLayer, int endLayer),或者继承自CanvasLayerAdapter并重写drawLayer(Canvas canvas, Paint paint, View view)又或者继承自CanvasLayerTxtAdapter区别在于onDraw中没对层级进行处理,drawLayer中的view已经是层级区间的view,CanvasLayerTxtAdapter提供了drawTxt(String txt, Canvas canvas, Paint paint, View view)方法,可以直接调用drawTxt就可以把txt绘制到当前view左上角。写完自定义的Canvas后还需要在OperatorView布局中加入布局代码,用于开启自定义的Canvas,比如在布局中加入开关按钮,并为按钮添加监听,开启后调用 Canvas
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

农爱宜

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值