android 自定义view绘制流程

最近学习到自定义view，了解到android对于view的绘制流程，记录一下，供自省。

首先我们自定义view需要继承自android.View,能帮你处理android命名空间的属性，比如说android：layout_width=”match_parent”……,当然如果我们的控件需要自定的控件属性，则需要在attrs.xml文件中预定义样式格式，如下：
attrs.xml

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="MyImageView">
            <attr name="src" format="integer"/>
    </declare-styleable>
</resources>

然后在使用过程中我们需要在layout文件中声明命名空间：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:img="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.sosky.skytalk.FriendFragment">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginBottom="85dp">
    <!-- TODO: Update blank fragment layout -->
    <com.example.sosky.skytalk.MyImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        img:src="@drawable/road"/>
    </RelativeLayout>

</FrameLayout>

这样声明命令空间xmlns:img=”http://schemas.android.com/apk/res-auto”，还可以xmlns:img=”http://schemas.android.com/apk/res/包名”声明命名空间。
接下来我们就需要测量大小和绘制view，下面是我自定义的一个图片控件：

package com.example.sosky.skytalk;

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.icu.util.Measure;
import android.support.v4.content.ContextCompat;
import android.util.AttributeSet;
import android.view.View;

import java.util.jar.Attributes;

/**
 * Created by sOSky on 2017/11/21.
 */

public class MyImageView extends View {
    private Paint mBitmapPaint;
    private Drawable mDrawable;
    private Bitmap mBitmap;
    private int mWidth;
    private int mHeight;

    public MyImageView(Context context){
        this(context, null);
    }

    public MyImageView(Context context, AttributeSet attributeSet){
        super(context,attributeSet);
        initAtters(attributeSet);
        mBitmapPaint = new Paint();
        mBitmapPaint.setAntiAlias(true);
    }

    private void initAtters(AttributeSet attributeSet){
        if (attributeSet != null) {
            TypedArray array = null;
            try {
                array = getContext().obtainStyledAttributes(attributeSet,R.styleable.MyImageView);
                mDrawable =array.getDrawable(R.styleable.MyImageView_src);
                measureDrawable();
            }finally {
                if (array != null){
                    array.recycle();
                }
            }
        }
    }

    private void measureDrawable(){
        if (mDrawable == null) {
            throw new RuntimeException("图片不存在！！！");
        }

        mWidth = mDrawable.getIntrinsicWidth();
        mHeight = mDrawable.getIntrinsicWidth();
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec){
        int widthmod = MeasureSpec.getMode(widthMeasureSpec);
        int width = MeasureSpec.getSize(widthMeasureSpec);
        int heightmod = MeasureSpec.getMode(heightMeasureSpec);
        int height = MeasureSpec.getSize(heightMeasureSpec);
        setMeasuredDimension(measureWidth(widthmod,width),measureHeight(heightmod,height));
    }

    @Override
    protected void onDraw(Canvas canvas){
        if (mBitmap == null){
            mBitmap = Bitmap.createScaledBitmap(ImageUtils.drawableToBitmap(mDrawable),getMeasuredWidth(),getMeasuredHeight(),true);
        }

        canvas.drawBitmap(mBitmap,getLeft(),getTop(),mBitmapPaint);
    }

    private int measureWidth(int mod, int width){
        switch(mod){
            case MeasureSpec.UNSPECIFIED:
            case MeasureSpec.AT_MOST:
                break;
            case MeasureSpec.EXACTLY:
                mWidth = width;
        }
        return mWidth;
    }

    private int measureHeight(int mod , int height){
        switch(mod){
            case MeasureSpec.UNSPECIFIED:
            case MeasureSpec.AT_MOST:
            break;
            case MeasureSpec.EXACTLY:
                mHeight = height;
        }
        return mHeight;
    }
}

这里主要关注的两点是，获取开发人员设置属性值和根据父视图测量自身大小。
获取属性值主要是通过Context.obtainStyledAttributes(attribueSet attrs,int styleableid);来获取开发人员设定的属性集中我们需要的属性，在这里我们需要的就是R.styleable.MyImageView。然后对获得的资源进行处理。

测量自身的大小我们需要复写onMeasure(int measurewidth,int measureheight );这两个参数是整个android View绘制的关键。
Measurespec是一个32位整形数据，前两位是测量模式（specMod），后30位父视图的窗口大小（specSize）。
三个测量模式分别是
MeasureSpec.EXACTLY:父视图希望子视图大小应该是由父视图窗口大小来决定，也可以设置成任意的大小。match_parent，具体的数值都是这个模式。
MeasureSpec.AT_MOST:表示子视图只能是specSize中指定的大小，不能超过specSize的大小，一般来说warp_context对应这个模式。
MeasureSpec.UNSPECIFIED：表示子视图能够设定为任意值。使用情况较少，系统开发会用到。
这样我们的子视图就能获取到父视图的窗口大小，再通过开发人员设置的layout属性，就能计算出view的大小。

我当时看到这里产生了一个疑问，这个measurespecwidth和Measurespecheight是从哪里来的。查了资料后，明白了其实是由一个ViewRootImpl类创建的，它是整个view绘制流程的控制类，所有view都是通过它绘制出来的。
根视图的MeasureSpec是由窗口大小和自身LayoutParams决定的，一般来说都是EXACTLY模式和窗口大小，然后他会调用
performMeasure（int childwidthSpec, int childheightSpec）{
…..
mView.measure(childwidthSpec,childheightSpec)
……
}
可以看到它是调用的viewGroup的测量函数，遍历当中所有的子view，方式就是调用每一个view的onMeasure()函数。这样子view就获得了测绘模式，父视图大小和自身设定的layoutParams，通过这三个信息，就能计算出具体的大小。

android 自定义view绘制流程

猜你喜欢