Skip to content

Latest commit

 

History

History
148 lines (108 loc) · 4.49 KB

README_zh.md

File metadata and controls

148 lines (108 loc) · 4.49 KB
Raw

UETool GitHub release platform license

介绍

UETool 是一个各方人员（设计师、程序员、测试）都可以使用的调试工具。它可以作用于任何显示在屏幕上的 view，比如 Activity/Fragment/Dialog/PopupWindow 等等。

目前 UETool 提供以下功能：

  • 移动屏幕上的任意 view，如果重复选中一个 view，将会选中其父 view
  • 查看/修改常用控件的属性，比如修改 TextView 的文本内容、文本大小、文本颜色等等
  • 如果你的项目里正在使用 Fresco 的 DraweeView 来呈现图片，那么 UETool 将会提供更多的属性比如图片 URI、默认占位图、圆角大小等等
  • 你可以很轻松的定制任何 view 的属性，比如你想查看一些额外的业务参数
  • 有的时候 UETool 为你选中的 view 并不是你想要的，你可以选择打开 ValidView，然后选中你需要的 View
  • 显示两个 view 的相对位置关系
  • 显示网格栅栏，方便查看控件是否对齐
  • 支持 Android P
  • 支持显示当前控件所在的 Fragment
  • 显示 Activity 的 Fragment 树
  • 如果 view 在 RecyclerView 中，显示这个 view 所在的 ViewHolder 类名

效果


属性列表

Attribute Value Sample Editable
Move if you checked it, you can move view easily
ValidViews sometimes target view which UETool offered isn’t you want, you can check it and choose which you want
Class android.widget.LinearLayout
Id 0x7f0d009c
ResName btn
Clickble TRUE
Focoused FALSE
Width(dp) 107 YES
Height(dp) 19 YES
Alpha 1.0
PaddingLeft(dp) 10 YES
PaddingRight(dp) 10 YES
PaddingTop(dp) 10 YES
PaddingBottom(dp) 10 YES
Background #90000000
#FF8F8F8F -> #FF688FDB
[PICTURE] 300px*300px
TextView
Text Hello World YES
TextSize(sp) 14 YES
TextColor #DE000000 YES
IsBold TRUE YES
SpanBitmap [PICTURE] 72px*39px
DrawableLeft [PICTURE] 51px*51px
DrawableRight [PICTURE] 36px*36px
DrawableTop [PICTURE] 36px*36px
DrawableBottom [PICTURE] 36px*36px
ImageView
Bitmap [PICTURE] 144px*144px
ScaleType CENTER_CROP
DraweeView
CornerRadius 2dp
ImageURI https://avatars2.githubusercontent.com/u/1201438?s=200&v=4
ActualScaleType CENTER_CROP
IsSupportAnimation TRUE
PlaceHolderImage [PICTURE] 300px*300px

如何使用

安装依赖

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'
  
  // if you want to show more attrs about Fresco's DraweeView
  debugImplementation 'com.github.eleme.UETool:uetool-fresco:1.3.4'
}

使用

打开悬浮窗

UETool.showUETMenu();

UETool.showUETMenu(int y);

关掉悬浮窗

UETool.dismissUETMenu();

过滤掉你不需要选中的 View

UETool.putFilterClass(Class viewClazz);

UETool.putFilterClass(String viewClassName);

自定义实现你的 View 的属性

// step 1, implements IAttrs

public class UETFresco implements IAttrs {
  @Override public List<Item> getAttrs(Element element) {

  }
}

// step 2, put in UETool

UETool.putAttrsProviderClass(Class customizeClazz);

UETool.putAttrsProviderClass(String customizeClassName);

License

MIT