之前我写过一篇文章,介绍我在GitHub开源的滑动控件ConsecutiveScroller是如何实现布局吸顶功能的。有兴趣的朋友可以去看一下:Android滑动布局ConsecutiveScrollerLayout实现布局吸顶功能。文章介绍了ConsecutiveScrollerLayout是如何通过计算布局的滑动距离,给吸顶view设置y轴偏移量,让它悬停在顶部。不过当view悬停在顶部时,它会与后面的view重叠而被覆盖。这是由于Android布局的显示层级,两个view重叠时,后添加的会将先添加的覆盖。而我们希望的是当吸顶view与其他view重叠时,吸顶view能显示在最上层,覆盖后面的view。当时我的解决方法是给吸顶view设置translationZ,让它的显示图层高于其他的view,这样它就不会被其他view覆盖了。这样做的确很好的解决了view重叠显示的问题,不过美中不足的是,translationZ是Android 5.0才支持的方法,5.0以下的手机无法使用这个方法设置view的显示图层高度。这使得ConsecutiveScrollerLayout的吸顶功能只能在Android 5.0以上的手机才能使用,这大大的限制了它的适用范围。如果我们的项目是支持5.0以下的,那么我们不可能让吸顶的功能只在5.0以上的手机有效,而不管5.0以下的手机。所以我需要找到一种方法,让5.0以下的手机也能正常使用吸顶的功能。
5.0以下不能使用吸顶,是因为setTranslationZ()方法是5.0方法是5.0以后有的,那么Android是否提供了向下兼容的方法呢?于是我找到了ViewCompat.setTranslationZ()方法。
public static void setTranslationZ(@NonNull View view, float translationZ) {
if (VERSION.SDK_INT >= 21) {
view.setTranslationZ(translationZ);
}
}
真是让人失望,它只是判断了以下版本,让5.0以下不至于报错,其实它什么都没做。既然连Android本身都没有对5.0以下做处理,显然让view的Z轴向下兼容是不大可能的。
回归问题本身,我们希望吸顶view显示在界面的最上层,不被其他view所覆盖。Android界面上显示的所有内容都是绘制在一张画布(Canvas)上面的,同一个区域,如果被绘制多次,先绘制的内容会被后绘制的内容覆盖。而view的绘制顺序是先添加的先绘制,后添加的后绘制,所以当view重叠时,后面的view会覆盖前面的view。只要保证吸顶的view在其他view之后绘制,吸顶view就会显示在其他view之上,不会被其他view覆盖。那么有没有方法能保证吸顶view最后绘制?最简单直接的方法当然是让吸顶view最后添加,但问题是view的添加顺序不仅会影响绘制顺序,同样也会影响view的排列和显示位置。而我们想要的是改变view的绘制顺序,不改变view的显示位置。所以这种方法显然也是不行的。有什么方法可以在不改变view的添加顺序的情况下,改变它的绘制顺序呢?我们知道布局在measure、layout和draw的过程中,都会遍历它的子view,分发测量、布局、绘制的流程。如果我们在布局draw之前修改子view的顺序,draw之后恢复,那么是否就保证了只改变view的绘制顺序。
ViewGroup的子view保存在mChildren数组中。
private View[] mChildren;
由于它是private的,要获取和修改它,需要通过反射来执行。
// 获取mChildren
private View[] getChildren() {
try {
Class aClass = Class.forName("android.view.ViewGroup");
Field field = aClass.getDeclaredField("mChildren");
field.setAccessible(true);
Object resultValue = field.get(this);
return (View[]) resultValue;
} catch (Exception e) {
e.printStackTrace();
}
return null;
}
// 设置mChildren
private void setChildren(View[] children) {
try {
Class aClass = Class.forName("android.view.ViewGroup");
Field field = aClass.getDeclaredField("mChildren");
field.setAccessible(true); // 私有属性必须设置访问权限
field.set(this, children);
} catch (Exception e) {
e.printStackTrace();
}
}
绘制前,修改view的排序,绘制后恢复。
// 临时变量,保存mChildren原数组
private View[] tempViews = null;
@Override
public void draw(Canvas canvas) {
// 兼容5.0以下吸顶功能
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP
&& !getStickyChildren().isEmpty()) {
tempViews = getChildren();
if (tempViews != null) {
// 修改mChildren
setChildren(sortViews(tempViews.length));
}
}
super.draw(canvas);
// 兼容5.0以下吸顶功能
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.LOLLIPOP
&& !getStickyChildren().isEmpty() && tempViews != null) {
// 恢复mChildren
setChildren(tempViews);
}
}
// 返回排序后的children数组
private View[] sortViews(int size) {
View[] views = new View[size];
int index = 0;
int count = getChildCount();
for (int i = 0; i < count; i++) {
View child = getChildAt(i);
// 普通view
if (!isStickyChild(child)) {
views[index] = child;
index++;
}
}
for (int i = 0; i < count; i++) {
View child = getChildAt(i);
// 吸顶view
if (isStickyChild(child)) {
views[index] = child;
index++;
}
}
return views;
}
修改好,运行测试一下,当view吸顶时,能正常显示在最上层,不会被下面的view覆盖了,好像问题已经完美解决了。可是当我点击界面上的控件时,新的问题出现了,我点击的view和响应的view不是同一个,事件的传递乱了。因为我们把view的绘制顺序改变了,所以我们实际看到的、操作的view,跟系统判断的可能不是同一个view了。显然这种解决方法引发了新的问题,是不可取的。
既然通过修改mChildren的方法行不通,只能另寻方案。我尝试跟踪view的绘制源码,期待能有一些新思路。ViewGroup绘制子view的源码调用路径是:draw()–>dispatchDraw()。ViewGroup中的dispatchDraw()方法是绘制子view的关键代码,通过阅读源码,我发现了几句关键代码。
@Override
protected void dispatchDraw(Canvas canvas) {
// step 1:获取预定义的排序列表
final ArrayList<View> preorderedList = usingRenderNodeProperties
? null : buildOrderedChildList();
// step 2:判断是否需要自定义排序
final boolean customOrder = preorderedList == null && isChildrenDrawingOrderEnabled();
for (int i = 0; i < childrenCount; i++) {
// step 3:根据绘制顺序获取view下标
final int childIndex = getAndVerifyPreorderedIndex(childrenCount, i, customOrder);
// step 4:根据下标获取子view
final View child = getAndVerifyPreorderedView(preorderedList, children, childIndex);
if ((child.mViewFlags & VISIBILITY_MASK) == VISIBLE || child.getAnimation() != null) {
// step 5:绘制子view
more |= drawChild(canvas, child, drawingTime);
}
}
}
第一步:获取预定义的排序列表。如果开启了硬件加速usingRenderNodeProperties为true,preorderedList为null。否则执行buildOrderedChildList()方法,这个方法大部分情况下也直接返回null,所以preorderedList一般都是null的。buildOrderedChildList()方法只有在没有设置硬件加速,并且子view设置了Z轴高度的情况下才不会返回null。我们知道,Android 4.0后,默认都是开启硬件加速的,而5.0前,是不支持view的Z轴的,所以只有在5.0后关闭硬件加速,并且设置了子view的Z轴,buildOrderedChildList()方法才不会返回null,这个方法就是处理这种情况的,而且它对view的排序处理跟我们下面分析的逻辑基本一样,所以这个方法我们可以忽略不看。
第二步:判断是否需要自定义排序。既然preorderedList为null,那么是否需要自定义排序的判断就是isChildrenDrawingOrderEnabled()方法,这个方法默认为false,只有设置为true,自定义的排序才生效,这是我们需要关注的第一个方法。
第三步:根据绘制顺序获取view下标。直接看代码:
private int getAndVerifyPreorderedIndex(int childrenCount, int i, boolean customOrder) {
final int childIndex;
if (customOrder) {
// 如果自定义排序,根据顺序获取view下标
final int childIndex1 = getChildDrawingOrder(childrenCount, i);
if (childIndex1 >= childrenCount) {
throw new IndexOutOfBoundsException("getChildDrawingOrder() "
+ "returned invalid index " + childIndex1
+ " (child count is " + childrenCount + ")");
}
childIndex = childIndex1;
} else {
// 不是自定义排序,下标和顺序一致
childIndex = i;
}
return childIndex;
}
在这个方法里,如果不排序,返回的下标和顺序一样,所以默认绘制顺序就是view的添加顺序。如果需要排序,通过getChildDrawingOrder获取需要绘制的view的下标,绘制顺序由这个方法的返回值决定。
protected int getChildDrawingOrder(int childCount, int drawingPosition) {
return drawingPosition;
}
可以看到,这个方法的返回值依然是顺序本身,所以它的默认绘制顺序也view的添加顺序。但是这个方法是protected,也就是说我们可以覆写这个方法,返回我们想要的index,改变view的绘制顺序。这是我们需要关注的第二个方法。
第四步:根据下标,调用getAndVerifyPreorderedView或者需要绘制的子view。
private static View getAndVerifyPreorderedView(ArrayList<View> preorderedList, View[] children,
int childIndex) {
final View child;
if (preorderedList != null) {
child = preorderedList.get(childIndex);
if (child == null) {
throw new RuntimeException("Invalid preorderedList contained null child at index "
+ childIndex);
}
} else {
child = children[childIndex];
}
return child;
}
这个方法很简单,就是根据下标或者view,如果有预定义排序,就从preorderedList中获取,否则就从children数组获取,children数组就是保存子view的数组,按添加顺序排列。
第五步:drawChild,就是调用child的draw方法绘制子view。
现在我们知道,想要改变ViewGroup的子view绘制顺序,只有开启自定义排序,并且覆写getChildDrawingOrder方法就可以了。
在自定义ViewGroup的构造方法中调用:
// 开启自定义排序
setChildrenDrawingOrderEnabled(true);
预先处理view的排序
// 保存预先处理的排序
private final List<View> mViews = new ArrayList<>();
@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
//忽略其他的代码
// 排序
sortViews();
}
private void sortViews() {
List<View> list = new ArrayList<>();
int count = getChildCount();
for (int i = 0; i < count; i++) {
View child = getChildAt(i);
// 添加非吸顶view
if (!isStickyChild(child)) {
list.add(child);
}
}
for (int i = 0; i < count; i++) {
View child = getChildAt(i);
// 添加吸顶view
if (isStickyChild(child)) {
list.add(child);
}
}
mViews.clear();
mViews.addAll(list);
}
这里要说明一下,因为getChildDrawingOrder方法是根据绘制的顺序drawingPosition返回需要绘制的子view下标,所以我们需要提前知道最终绘制的顺序,才能根据drawingPosition找到相应的index,所以需要提前对view排序好。而把排序的时机选择在onLayout,是因为在我的需求里,子view的添加、移除、和setLayoutParams都有可能改变排序,而这些操作恰好都会重新调用父布局的onLayout方法。最后排序的方式是先添加非吸顶view,后添加吸顶view,这样保证了吸顶view在最后绘制,view重叠时也就不会被其他view覆盖了。
最后覆写getChildDrawingOrder
@Override
protected int getChildDrawingOrder(int childCount, int drawingPosition) {
if (mViews.size() > drawingPosition) {
// 根据drawingPosition找到子view,返回子view在ViewGroup中的index
return indexOfChild(mViews.get(drawingPosition));
}
return super.getChildDrawingOrder(childCount, drawingPosition);
}
至此,我们的功能就实现好了。
这篇文章的重点就一个getChildDrawingOrder方法,但是如果我只是想告诉大家有这么一个方法,那么完全没有必要写这篇文章。我写这篇文章的主要目的是记录这个问题的解决过程,中间会踩坑,也会有意外收获。网上有朋友吐槽,面试时面试官会问:“你遇到过哪些难题,最后时怎么解决的”。很多人都不知道怎么回答,因为所有已经被解决的问题都不是问题,而没有被解决的问题你是不会提起的。就拿我的这个问题来说,如果我早知道有这么个方法,这还是问题吗?我们往往在解决问题后就忽略了问题的解决过程,甚至是问题本身,决定原来这个问题如此简单。却不知,这个过程对我们才是最有意义和收获的。
最后说一句:从源码中寻找答案,永远是解决问题的最有效方法。