最近在开发项目时发现了饿了么开发的这个开源框架，相对于设计师和程序员来说都有一定的帮助，所以小小的研究了一番，将踩坑记录写下来。因为在网上搜索它的相关知识还真是不多。希望对大家也能有个帮助。
首先下载这个开源框架的地址，https://github.com/eleme/UETool/blob/master/README_zh.md
可以看到在官方的这个github中有简单的使用说明。但在实际操作中还是会踩许多坑的。在使用中，开始只按照github中的说明进行添加依赖，之后会有许多问题
如何使用
dependencies{ debugCompile'me.ele:uetool:1.0.15'releaseCompile'me.ele:uetool-no-op:1.0.15'//if you want to show more attrs about Fresco's DraweeViewdebugCompile'me.ele:uetool-fresco:1.0.15'}
UETool.showUETMenu();UETool.showUETMenu(inty);
UETool.dismissUETMenu();
UETool.putFilterClass(ClassviewClazz);UETool.putFilterClass(StringviewClassName);
//step 1, implements IAttrspublicclassUETFrescoimplementsIAttrs{@OverridepublicListgetAttrs(Elementelement) { }}//step 2, put in UEToolUETool.putAttrsProviderClass(ClasscustomizeClazz);UETool.putAttrsProviderClass(StringcustomizeClassName);
将其四个库放到自己的项目中
添加依赖
添加依赖implementation'com.facebook.fresco:fresco:1.9.0' implementation'com.facebook.fresco:animated-gif:1.9.0'时报错 Failed to resolve: com.facebook
最好用的解决办法添加了
还要注意许多地方gradle版本的冲突问题，这些问题一个一个解决就行了。
有了UEtool，不仅能看见view的各种属性，你还能动态改！也就是说你不仅能看你还能摸，有了这个工具，我再也不用为了改1，2个dp的边距我再编译运行了！设计同学也能更好调整UI了。
第二步，看目标View
这就是捕捉控件功能对应的特殊ViewGroup了，它有一个成员变量叫AttrsDialog是一个自定义Dialog,展示的就是View属性列表的RecyclerView，我们重点看它的adapter
public static class Adapter extends RecyclerView.Adapter { private List items = new ItemArrayList<>(); private AttrDialogCallback callback; public void setAttrDialogCallback(AttrDialogCallback callback) { this.callback = callback; } public void notifyDataSetChanged(Element element) { items.clear(); for (String attrsProvider : UETool.getInstance().getAttrsProvider()) { try { IAttrs attrs = (IAttrs) Class.forName(attrsProvider).newInstance(); items.addAll(attrs.getAttrs(element)); } catch (Exception e) { e.printStackTrace(); } } notifyDataSetChanged(); }
好来一个下一个断点，我们跳过复杂的封装逻辑，直接看运行的函数看调用栈
这里我们看见了数据源其实就是element,这个element存有一个View成员变量
有View对象当然dialog显示View各个属性没问题，那么很奇怪，这个view是MainActivity的，这个新开的TransparentActivity是怎么拿到数据源的呢
莫慌，看这个函数栈，注意到EditAttrLayout 类的triggerActionUp方法的element
element和elements有直接关系再看到elements List elements怎么来的呢？list数据填充无非2种常用的要么add要么addAll直接command +f或者ctrl + f搜索elements.add就发现了数据源设置的函数
来搞个断点看调用栈，或者就在element 构造方法下断点就能省掉上面从element到elemnets的分析
来看下图
UETool拿到targetActivity也就是MainActivity，然后反射拿到decoreView，然后调用
EditAttrLayout类的父类CollectViewsLayout类traverse方法。
至此按时间顺序总结一下，CollectViewsLayout类的onAttachedToWindow通过反射拿到目标MainActivity的decoreView，去给CollectViewsLayout的成员变量List elements add包装了decoreView的Element，然后用户也就是我，点了UETool的操作控件按钮，UP事件的时候AttrsDialog的show方法调用adapter.notifyDataSetChanged(element);给Adapter设置被UETCore解开element各种属性的List作为数据源
https://blog.csdn.net/EthanCo/article/details/80446291
https://www.imooc.com/article/30282?block_id=tuijian_wz
分析还在继续进行，后续会继续补上。希望对大家有帮助。
