Android SwissArmyKnife 查看UI的工具

SwissArmyKnife
SwissArmyKnife 是一款方便调试android UI的工具,可以兼容所有android版本,不需要root权限。可以直接在android手机屏幕上显示当前Activity中所有控件(不管是否隐藏)的边界,内外边距大小,每一个控件大小,图片大小,字体颜色,大小,以及自定义信息。同时可以直接在屏幕上取色,另外还提供了直尺(单位为px和dp),圆角尺(单位dp)工具,可以直接测量大小。针对android开发者还提供了布局树查看功能,可以直接在手机屏幕查看当前Activity中所有控件层次信息等。可以通过滚动层级滚轮来控制只显示某一层级的信息,避免层级覆盖等。

一.集成方法

1.build.gradle中添加
implementation ‘com.wanjian:sak:0.0.2’

2.初始化
Android 4.0以上Application 的oncreat中添加
com.wanjian.sak.LayoutManager.init(Application context);

Android 4.0以下 Activity 的onResum 中添加
com.wanjian.sak.LayoutManager.init(Application context);

集成就结束了,跑以下项目就可以了,就发现在自己的项目中左上角会多出来个小图标

二.使用

1.边框
开启边框选项后可以在手机屏幕看到所有控件的边界,和设置-开发者选项-显示布局边界,是一样的

《Android SwissArmyKnife 查看UI的工具》 image.png

2.外边距,内边距
半透明绿色代表内边距,PT表示上边内边距(padding top),PL表示左内边距(padding left),PT表示右内边距(padding right),PB便是下内边距(padding bottom)。

半透明红色代表外边距, ML,MT,MR,MB分别表示左外边距,上外边距,右外边距,下外边距。

所有边距单位都是dp(pt),android中会四舍五入,所有边距都是整数,所以可能跟设计图中有不超过1dp(pt)的误差。

《Android SwissArmyKnife 查看UI的工具》 image.png

3.宽高,图片宽高
开启后会看到控件的宽高,单位是dp(pt)

《Android SwissArmyKnife 查看UI的工具》 image.png

4.字体大小,字体颜色

16进制 ARGB

《Android SwissArmyKnife 查看UI的工具》 image.png

5.直尺,圆角尺

《Android SwissArmyKnife 查看UI的工具》 image.png

6.取色器

《Android SwissArmyKnife 查看UI的工具》 image.png

7.布局树

《Android SwissArmyKnife 查看UI的工具》 image.png

    原文作者:苏大燕子
    原文地址: https://www.jianshu.com/p/18651e813733
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞