之前我写过一篇文章，介绍我在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的绘制顺序。
解决方案 1.0
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方法，但是如果我只是想告诉大家有这么一个方法，那么完全没有必要写这篇文章。我写这篇文章的主要目的是记录这个问题的解决过程，中间会踩坑，也会有意外收获。网上有朋友吐槽，面试时面试官会问：“你遇到过哪些难题，最后时怎么解决的”。很多人都不知道怎么回答，因为所有已经被解决的问题都不是问题，而没有被解决的问题你是不会提起的。就拿我的这个问题来说，如果我早知道有这么个方法，这还是问题吗？我们往往在解决问题后就忽略了问题的解决过程，甚至是问题本身，决定原来这个问题如此简单。却不知，这个过程对我们才是最有意义和收获的。
最后说一句：从源码中寻找答案，永远是解决问题的最有效方法。
网友评论