以FrameLayout为例 探究关于Android中View绘制那些事

话不多说 先上问题:
代码1:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
     <View
            android:layout_width="300dp"
            android:layout_height="300dp"
            android:layout_gravity="center"
            android:background="@color/colorPrimaryDark" />
</ScrollView>

代码2:

<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <FrameLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <View
            android:layout_width="300dp"
            android:layout_height="300dp"
            android:layout_gravity="center"
            android:background="@color/colorPrimaryDark" />

    </FrameLayout>

</ScrollView>

展示:
代码一中的View 虽然指定了宽高,但在实际的绘制渲染中 尺寸为0,因此不显示
代码二中的View被包裹在了Layout中 按预期宽高显示
在这里插入图片描述
有点意思 继续看下去
一个View的渲染过程由这几个关键的方法控制,也即是我们在开发过程中自定义View时通常需要重写的几个方法

  • onMeasure(int widthMeasureSpec, int heightMeasureSpec) : void
  • onDraw(Canvas canvas) : void
  • onLayout(boolean changed, int l, int t, int r, int b) : void
    其中 onLayout一般用于自定义ViewGroup中,用于控制摆放其中的子View显示位置
    简单理解:View渲染时 通过Measure 测量并给View赋值需要显示的大小,再通过 onDraw 实际绘制到布局上。
    因此,代码1中 我们所需要的View没有显示出来(实际宽高为0)应该是和 onMeasure 它有关了。那么 接着看看传给了它什么参数 MeasureSpec

一个完整的测量流程
static int getChildMeasureSpec(int spec, int padding, int childDimension) 这个方法是确定我们View的MeasureSpec的关键,源码较长 不贴出来了 可以自行查看 这里简单的给出相关参数对应的返回值

在这里插入图片描述

通过getChildMeasureSpec拿到了相关测量参数 接下来就开始绘制这个View了

  • 当View 为match_parent 或者 wrap_content时,此时 返回的 mode为 EXACTLY 或 AT_MOST ,size为 spec.size
  • 当View指定宽高值时,返回 mode 为 EXACTLY ,size为准确值 mode 为 EXACTLY
    子View的大小测量完毕后,继续通过resolveSizeAndState来计算父容器的宽高值
public static int resolveSizeAndState(int size, int measureSpec, int childMeasuredState){
    final int specMode = MeasureSpec.getMode(measureSpec);
    final int specSize = MeasureSpec.getSize(measureSpec);
    final int result;
    switch (specMode) {
        case MeasureSpec.AT_MOST:
            if (specSize < size) {
                result = specSize | MEASURED_STATE_TOO_SMALL;
            } else {
                result = size;
            }
            break;   
        case MeasureSpec.EXACTLY:
            result = specSize;
            break;
        case MeasureSpec.UNSPECIFIED:
        default:
            result = size;
    }
    return result | (childMeasuredState & MEASURED_STATE_MASK);
}

至此 我们应该能够解释开头的问题了:
ScrollView(继承自FrameLayout) 里面包含一个 View 宽高都是固定值(300dp),那么计算出的 child 的MeasureSpec应分别是widthMeasureSpec(size=300dp, mode=EXACTLY)、heightMeasureSpec(size=300dp, mode=EXACTLY),然后再将measureSpec传递给View的measure方法,View测量结果是宽高均为300dp 所以显示为宽高均为300dp
诶?等等,好像并不是按想象中来的。那又是哪里出了问题呢?我们接着分析, 看看ScrollView里面测量规格时是否有别的特殊操作。
在这里插入图片描述

可以看到,在获取childHeightMeasureSpec时,并没有使用getChildMeasureSpec来获取,而是直接将mode指定为了 UNSPECIFIED。

当子View被设置为了UNSPECIFIED时,其获取值为
在这里插入图片描述
XML没设置相关属性 所以 getSuggestedMinimumHeight()方法返回的是0,View被绘制的实际高度也是0.
正常情况下,子View的大小最多和父View相同,但可以发现 由于UNSPECIFIED,让resolveSizeAndState 可以返回传入的size,也就可以摆脱这一束缚,使自定义开发View具有更多的可能。

参考

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值