之前我写过一篇文章,介绍滑动控件ConsecutiveScroller是如何实现布局吸顶功能的

文章介绍了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的,要获取和修改它,需要通过反射来执行。

// 获取mChildrenprivate 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;}// 设置mChildrenprivate 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;@Overridepublic 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 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 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 mViews = new ArrayList<>();@Overrideprotected void onLayout(boolean changed, int l, int t, int r, int b) {  //忽略其他的代码     // 排序    sortViews();}private void sortViews() {    List 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

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

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


最后为了帮助大家深刻理解Android相关知识点的原理以及面试相关知识,这里放上相关的我搜集整理的24套腾讯、字节跳动、阿里、百度2019-2020BAT 面试真题解析,我把大厂面试中常被问到的技术点整理成了视频和PDF(实际上比预期多花了不少精力),包知识脉络 + 诸多细节。

还有 高级架构技术进阶脑图 帮助大家学习提升进阶,也节省大家在网上搜索资料的时间来学习,也可以分享给身边好友一起学习。

Android 基础知识点

 

更多相关文章

  1. Android大屏项目中的数字键盘输入界面的功能实现
  2. 使用Qt开发Android应用程序(Qt on Android),连接安卓手机真机调试时
  3. Android中直播视频技术探究之---采集摄像头Camera视频源数据进行
  4. 关于Android调用单目摄像头以及双目摄像头的方法(智能平板)
  5. Android学习五之Service
  6. 实现ListView的条目下自动隐藏显示Button的方法
  7. Android添加图片水印
  8. 第三章:Creating Applications and activities-(八)深入了解Andro
  9. Android之App界面的挂载与显示及源码分析

随机推荐

  1. 最强 Spring Cloud 注册中心 Nacos,和艿艿
  2. 答应我,别再if/else走天下了可以吗
  3. 2021-1-17
  4. 在 Node.js 中转换 SVG 图像格式[每日前
  5. 可能是第二好的 Spring OAuth 2.0 文章,艿
  6. 从TypeScript的类中派生接口[每日前端夜
  7. 写了一个 SSO 单点登录的代码示例给胖友!
  8. 使用 JWT、Redis、MySQL 存储 OAuth2.0
  9. 用 await/async 正确链接 Javascript 中
  10. 浅谈 JavaScript 中的垃圾收集器