Android 记一次解决问题的过程

Android社区 收藏文章

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

最后说一句:从源码中寻找答案,永远是解决问题的最有效方法。

相关标签

扫一扫

在手机上阅读