Android 如何改变View的绘制层级

最新推荐文章于 2024-08-12 03:59:29 发布
最新推荐文章于 2024-08-12 03:59:29 发布
阅读量5.2k 收藏 4
点赞数
分类专栏： Android 文章标签： android kotlin android studio
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/leilifengxingmw/article/details/127471034
版权

正常来说，我们向一个ViewGroup中添加两个View，后添加的View会显示在最上层。举个例子：

首先自定义一个ViewGroup，用来添加两个View

class MyViewGroup @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : ViewGroup(context, attrs, defStyleAttr) {


    var mFirstView: View? = null
        set(value) {
            field = value
            addView(
                value,
                LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
            )
        }
    var mSecondView: View? = null
        set(value) {
            field = value
            addView(
                value,
                LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
            )

        }


    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
        measureChild(mFirstView, widthMeasureSpec, heightMeasureSpec)
        measureChild(mSecondView, widthMeasureSpec, heightMeasureSpec)
    }

    override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
        mFirstView?.layout(l, t, r, b)
        mSecondView?.layout(l, t, r, b)
    }

}

依次添加 mFirstView 和 mSecondView

 lateinit var fm_root_layout: FrameLayout
 override fun onCreate(savedInstanceState: Bundle?) {
     super.onCreate(savedInstanceState)
     setContentView(R.layout.activity_my_view_group)
     fm_root_layout = findViewById(R.id.fm_root_layout)
         //先把 MyViewGroup 添加到 Activity 的根布局文件中
     val viewGroup = MyViewGroup(this)
     fm_root_layout.addView(viewGroup, FrameLayout.LayoutParams.MATCH_PARENT, FrameLayout.LayoutParams.MATCH_PARENT)
     val firstView = TextView(this).apply {
         text = "firstView"
         textSize = 20 f
         gravity = Gravity.CENTER
         setTextColor(resources.getColor(R.color.white))
         background = ColorDrawable(resources.getColor(R.color.colorPrimary))
     }
     val secondView = TextView(this).apply {
             text = "secondView"
             textSize = 20 f
             gravity = Gravity.CENTER
             setTextColor(resources.getColor(R.color.white))
             background = ColorDrawable(resources.getColor(R.color.colorAccent))
         }
     //注释1处，依次添加 mFirstView 和 mSecondView
     viewGroup.mFirstView = firstView
     viewGroup.mSecondView = secondView
 }

注释1处，依次添加 mFirstView 和 mSecondView，我们添加View的时候，宽高都指定为 MATCH_PARENT。效果如下：

在这里插入图片描述

如果说，我们不改变添加View 的顺序，想让 mFirstView 显示在最上层，怎么实现呢？答案是ViewGroup 的 getChildDrawingOrder 方法。我们先来实现效果，后面再分析原理。

修改 MyViewGroup

class MyViewGroup @JvmOverloads constructor(
    context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0
) : ViewGroup(context, attrs, defStyleAttr) {

    //注释1处，记录两个View 的下标。
    var mFirstViewIndex = -1
    var mSecondViewIndex = -1
    var mFirstView: View? = null
        set(value) {
            field = value
            addView(
                value,
                LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
            )

            mFirstViewIndex = indexOfChild(mFirstView)

        }
    var mSecondView: View? = null
        set(value) {
            field = value
            addView(
                value,
                LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)
            )

            mSecondViewIndex = indexOfChild(mSecondView)
        }

    init {

        //注释2处，这里调用的是 ViewGroup 的 setChildrenDrawingOrderEnabled 方法 并传递了 true。
        isChildrenDrawingOrderEnabled = true

    }

    override fun onMeasure(widthMeasureSpec: Int, heightMeasureSpec: Int) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec)
        measureChild(mFirstView, widthMeasureSpec, heightMeasureSpec)
        measureChild(mSecondView, widthMeasureSpec, heightMeasureSpec)
    }

    override fun onLayout(changed: Boolean, l: Int, t: Int, r: Int, b: Int) {
        mFirstView?.layout(l, t, r, b)
        mSecondView?.layout(l, t, r, b)
    }

    override fun getChildDrawingOrder(childCount: Int, i: Int): Int {
        //注释3处，修改绘制顺序，当要绘制 mFirstView的时候，绘制mSecondView。要绘制 mSecondView 的时候，绘制mFirstView。
        if (i == mFirstViewIndex) {
            return mSecondViewIndex
        } else if (i == mSecondViewIndex) {
            return mFirstViewIndex
        }
        return super.getChildDrawingOrder(childCount, i)
    }
}

注释1处，记录两个View 的下标。
注释2处，这里调用的是 ViewGroup 的 setChildrenDrawingOrderEnabled 方法并传递了 true。

注释3处，修改绘制顺序，当要绘制 mFirstView的时候，绘制mSecondView。要绘制 mSecondView 的时候，绘制mFirstView。效果如下所示：

在这里插入图片描述

好了，效果实现了，接下来我们来分析一下原理。

子View 的绘制是在 ViewGroup 的 dispatchDraw 方法开始的。

@Override
protected void dispatchDraw(Canvas canvas) {
    boolean usingRenderNodeProperties = canvas.isRecordingFor(mRenderNode);
    final int childrenCount = mChildrenCount;
    final View[] children = mChildren;
    int flags = mGroupFlags;
    //...
    int clipSaveCount = 0;
    
    // We will draw our child's animation, let's reset the flag
    mPrivateFlags &= ~PFLAG_DRAW_ANIMATION;
    mGroupFlags &= ~FLAG_INVALIDATE_REQUIRED;
    boolean more = false;
    final long drawingTime = getDrawingTime();
    if(usingRenderNodeProperties) canvas.insertReorderBarrier();
    final int transientCount = mTransientIndices == null ? 0 : mTransientIndices.size();
    int transientIndex = transientCount != 0 ? 0 : -1;
    // Only use the preordered list if not HW accelerated, since the HW pipeline will do the
    // draw reordering internally
    final ArrayList < View > preorderedList = usingRenderNodeProperties ? null : buildOrderedChildList();
    //注释1处，preorderedList == null 并且 isChildrenDrawingOrderEnabled() 为 true  那么使用自定义的绘制顺序。
    final boolean customOrder = preorderedList == null && isChildrenDrawingOrderEnabled();
    for(int i = 0; i < childrenCount; i++) {
        //...
        //注释2处，在循环绘制的过程中，获取要绘制的child的下标。
        final int childIndex = getAndVerifyPreorderedIndex(childrenCount, i, customOrder);
        //注释3处，根须下标获取要绘制的View。
        final View child = getAndVerifyPreorderedView(preorderedList, children, childIndex);
        if((child.mViewFlags & VISIBILITY_MASK) == VISIBLE || child.getAnimation() != null) {
            //注释4处，绘制View。
            more |= drawChild(canvas, child, drawingTime);
        }
    }
    //...
}

注释1处，preorderedList == null 并且 isChildrenDrawingOrderEnabled() 为 true 那么使用自定义的绘制顺序。 MyViewGroup 调用了 ViewGroup 的 setChildrenDrawingOrderEnabled 方法并传递了 true。

/**
 * 告诉 ViewGroup 是否 使用 {@link #getChildDrawingOrder(int, int)} 方法中定义子View的绘制顺序。
 * <p>
 * Note that {@link View#getZ() Z} reordering, done by {@link #dispatchDraw(Canvas)},
 * will override custom child ordering done via this method.
 *
 * @param enabled true if the order of the children when drawing is determined by
 *        {@link #getChildDrawingOrder(int, int)}, false otherwise
 *
 * @see #isChildrenDrawingOrderEnabled()
 * @see #getChildDrawingOrder(int, int)
 */
protected void setChildrenDrawingOrderEnabled(boolean enabled) {
    setBooleanFlag(FLAG_USE_CHILD_DRAWING_ORDER, enabled);
}

注释2处，在循环绘制的过程中，获取要绘制的child的下标。

private int getAndVerifyPreorderedIndex(int childrenCount, int i, boolean customOrder) {
    final int childIndex;
    if(customOrder) {
        //注释1处，这里返回了真正要绘制的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;
}

getAndVerifyPreorderedIndex方法注释1处，通过调用 getChildDrawingOrder 获取真正要绘制的View 的下标。我们正是通过重写了这方法实现了交换 mFirstView 和 mSecondView 的 绘制顺序。

/**
 * 返回要绘制的 View 的下标。如果想改变自 View 的绘制顺序，可以重写这个方法。 
 * <p>
 * 注意:这个方法必须配合 {@link #setChildrenDrawingOrderEnabled(boolean)} 方法使用才有效果。 需要调用{@link #setChildrenDrawingOrderEnabled(boolean)} 方法并传递 true。
 *
 * @param i The current iteration. 注意我感觉这里叫 iteration 不合适，应该叫 index 。是当前要绘制的View 的下标。
 * @return The index of the child to draw 返回真正要绘制的 View 的 下标。
 *
 * @see #setChildrenDrawingOrderEnabled(boolean)
 * @see #isChildrenDrawingOrderEnabled()
 */
override fun getChildDrawingOrder(childCount: Int, i: Int): Int {
    //注释3处，修改绘制顺序，当要绘制 mFirstView的时候，绘制mSecondView。要绘制 mSecondView 的时候，绘制mFirstView。
    if (i == mFirstViewIndex) {
        return mSecondViewIndex
    } else if (i == mSecondViewIndex) {
        return mFirstViewIndex
    }
    return super.getChildDrawingOrder(childCount, i)
}

dispatchDraw 方法注释3处，根须下标获取要绘制的View。
注释4处，绘制View。

总结一下，要改变View的绘制顺序步骤如下：

  1. 自定义 ViewGroup 调用 setChildrenDrawingOrderEnabled(boolean) 方法并传递 true。
  2. 重写 getChildDrawingOrder(int childCount, int i) 方法，根据自己的逻辑返回真正要绘制的View 的下标。
leilifengxingmw
关注
专栏目录
Android View绘制及事件（一）屏幕的视图层级，窗口概念初识
csdn_aiyang的博客
04-03 1747
系列推荐： Android View绘制及事件（二）setContentView()源码，LayoutInflater加载View的过程 Android View绘制及事件（三）自定义View及View绘制流程 Android View绘制及事件（四）自定义组合控件+约束布局ConstraintLayout+自定义控件属性 Android View绘制及事件（五）View响应事件及分发过程...
Android View绘制及事件（五）View点击事件响应及分发过程详解
csdn_aiyang的博客
05-09 1831
它是一个包装了很多触摸事件的实体类，用于存储UI界面与用户交互时的事件信息，如事件类型(按下、抬起、滑动)、x\y坐标值、发生的时间等。触摸点在屏幕上的绝对坐标，坐标值相对于屏幕而言；基于该View的坐标值；getAction，4种常用类型：ACTION_DOWN、ACTION_MOVE、ACTION_UP、ACTION_CANCEL。getActionMasked，多2种：ACTION_POINTER_DOWN、ACTION_POINTER_UP。
android 改变view层次,android在布局中动态增加view时的层级控制
weixin_36282765的博客
05-29 2370
问题：我们有时候希望动态的在android的布局中增加view，例如动态增加一个textview来显示数据为空，但是当布局较为复杂时，你希望把view加载特定的其他view的后面，这是要如何处理呢？答案：先看一个布局片段：Xml代码 android:id="@+id/baobei_gridview"android:layout_width="fill_parent"android:layout_h...
安卓动态控制叠放层级.zip
09-19
Android 将两个控件的内容互换，动态改变控件的层级（叠放层次）
Android addview到最上层
最新发布
weixin_41795479的博客
08-12 70
如何实现 Android 中的 AddView 到最上层 在 Android 开发中，我们常常需要在一个视图中动态添加另一个视图。特别是在需要把视图放到最上层的情况下，这就显得更为重要。本文将为你详细讲述如何实现这一点，同时使用甘特图来展示我们的步骤。 实现流程 步骤 描述 1 准备你的 Android 项目...
android 怎么改变view的层级
weixin_40519711的博客
07-08 169
Android中如何改变View的层级 在Android开发中，有时候我们需要改变View的层级顺序，例如将一个View从底部移到顶部，或者从顶部移到底部。这种需求可能出现在需要动态调整UI布局时，或者实现一些特定的交互效果时。本文将介绍如何在Android中改变View的层级顺序，并提供代码示例来解决一个具体的问题。 问...
Android 控件最上层显示方法
热门推荐
flyfight88的专栏
03-15 4万+
view.bringToFront() 可以讲布局在下层的控件放到上层，不被其他控件挡住。
android真机修改布局,Android布局优化之层级优化
weixin_39524834的博客
05-26 270
程序的每个组件和 Layout 都需要经过初始化、布局和绘制，如果布局嵌套层次过深，就会导致加载操作更为耗时，更严重的话还可能导致内存溢出。本节我们学习使用两个工具来检查和优化 Layout。HierarchyViewer该工具位于Android SDK tools中，使用HierarchyViewer可以分析正在运行app的布局，从而打破影响布局性能的瓶颈。HierachyViewer通过选择运...
修改view的Z-index实现修改view的层级
u013708985的专栏
02-17 7207
bringToFront方法，将view的层级设置到最前面： feedbackTypeContainer.bringToFront(); 其他： https://stackoverflow.com/questions/4182486/placing-overlappingz-index-a-view-above-another-view-in-android ...
深入解析Android View绘制流程
"Android View 绘制流程(Draw)全面解析" 在Android开发中，View的绘制流程是构建用户界面的关键部分。它决定了UI组件在屏幕上的最终表现，包括颜色、形状、文字等视觉元素。本篇文章将深入探讨Android View的绘制...
Android View 绘制流程详解与关键概念剖析
Android View 绘制机制的详解深入解析了Android应用程序中View绘制的内在逻辑和流程。首先，View的绘制过程始于Activity接收到焦点时，由Android框架驱动，主要在ViewRoot.java的performTraversals()函数中执行。这...
Android-View-invalidate 绘制流程
1
05-22 797
转载地址：https://juejin.cn/post/7100121390090551332 背景 Invalidate() 是 Android 中 View 的方法，通常我们使用它来完成UI的刷新， 作用 如果这个 View 可见那么 onDraw() 方法将在未来某个时间点被调用。 问题 invalidate() 会触发那些 view 的重绘，invalidate() 绘制流程是如何实现的？ 我们带着问题来从源码开始分析： 源码分析 一、View 与 ViewGroup 的层级 在 Android.
Android view 设置最下层
weixin_40888368的博客
07-14 79
如何实现 Android View 设置最下层 介绍 作为一名经验丰富的开发者，我将指导你如何在 Android 中设置一个 View 到最下层。这个过程可能对于一些刚入行的小白来说比较困难，但只要跟随我的步骤，你将能够轻松实现这个功能。 流程图 erDiagram View -- 设置最下层步骤概述 下面是设置 ...
android View的层级结构
u013443925的博客
09-22 1577
我们看到最顶层就是PhoneWindow$DecorView，接着DecorView下面有一个LinearLayout， LinearLayout下面有两个FrameLayout 上面那个FrameLayout是用来显示标题栏的，这个Demo中是一个TextView,当然我们还可以定制我们的标题栏，利用getWindow().setFeatureInt(Window.FEATURE_CUST
自定义可改变视图层次的ViewGroup
qq_26777965的博客
04-12 493
需求 大家先稍微思考一下这个布局怎么实现。 我想很多人想到的步骤应该是： 1. 用RelativeLayout或者FrameLayout作为父布局。 2. 先放置编辑框，再放置红色的文字框 3. 红色框高度是不固定，设置数据后，计算红色框的高度，再设置好下面输入框的marginTop 好像也不难，但是每次遇到这样的需求就得计算，感觉有点麻烦，我在想有没有更简单的方法? 我的...
android 动态改变view,Android中动态设置View属性
weixin_39668965的博客
05-25 606
1、给TextView设置 drawableLeft / drawableTop / drawableRight / drawableBottom：方式一：Drawable drawable= getResources().getDrawable(R.drawable.add);// 这一步必须要做,否则不会显示.drawable.setBounds(0, 0, drawable.getMinim...
android 动态布局挤在一起,android在布局中动态增加view时的层级控制
weixin_28771631的博客
05-25 195
问题：我们有时候希望动态的在android的布局中增加view，例如动态增加一个textview来显示数据为空，但是当布局较为复杂时，你希望把view加载特定的其他view的后面，这是要如何处理呢？答案：先看一个布局片段：Xml代码 android:id="@+id/baobei_gridview"android:layout_width="fill_parent"android:layou...
android view层次与位置大小
吴工的专栏
03-27 3万+
首先要明白，android的层次由摆放view的先后顺序决定，也就是addView中的index，0表示最下面，越大越上面，不会超过容器的包含的View个数，（因为是数组下标）。如下代码展示了如何交换两个ImageView的层次。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值