Android自定义View

Android自定义View

自定义View主要需要了解View的measure、layout和draw过程。其中measure用于测量View的宽和高，layout用来确定View在父容器中的放置位置，而draw负责将View绘制在屏幕上。

Measure过程

View的绘制过程是从ViewRoot的performTraversal方法开始的，它经过measure,layout,draw三个过程最终将一个View绘制出来。而performTraversal方法会依次调用performMeasure,performLayout和performDraw三个方法，这三个方法分别完成顶级View的measure,layout和draw这三个流程，其中performMeasure中会调用measure方法，在measure方法中又会调用onMeasure方法，在onMeasure方法中则会对所有的子元素进行measure过程，接着子元素重复父元素的measure过程，如此反复就完成了整个View树的遍历。

理解MeasureSpec

MeasureSpec是一个32位int值，高2位代表SpecMode,低30位代表SpecSize,SpecMode是指测量模式，而SpecSize是指在某种测量模式下的规格大小。
SpecMode有三类，每一类都有特殊的含义。
UNSPECIFIED: 父容器不对View有任何限制，要多大给多大。这种情况一般用于系统内部，表示一种测量状态.
EXACTLY: 父容器已经检测出View所需要的精确大小，这时候View的最终大小就是SpecSize所指定的值，他对应于match_parent和具体数值这两种模式。
AT_MOST: 父容器指定了一个可用大小即SpecSize,View的大小不能大于这个值，对应于wrap_content.
普通View的大小由自身的LayoutParams和父容器的MeasureSpec共同决定，MeasureSpec一旦确定后，onMeasure中就可以确定View的测量宽高了。

在activity中获得view的大小

无法保证activity执行了onCreate, onStart, onResume时某个View已经测量完毕了，以下有三个方法解决这个问题：

(1) Activity / View 的onWindowFocusChanged会被调用多次，当activity的窗口得到焦点和失去焦点时均会被调用一次。

public void onWindowFocusChanged(boolean hasFocus){
    super.onWindowFocusChanged(hasFocus);
    if(hasFocus){
        int width = view.getMeasuredWidth();
        int height = view.getMeasuredHeight();
    }
}

(2) view.post(runnable),通过post可以将一个runnable投递到消息队列的队尾，然后等待Looper调用此runnable的时候，View也已经初始化好了。

protected void onStart(){
    super.onStart();
    view.post(new Runnable(){
        @override
        public void run(){
            int width = view.getMeasuredWidth();
            int height = view.getMeasuredHeight();
        }
    });
}

(3) 使用ViewTreeObserver的众多回调可以完成这个功能，比如使用OnGlobalLayoutListener这个接口，当View树的状态发生改变或者View树内部的View的可见性发生改变时，onGlobalLayout方法将被回调，因此这是获得宽高的好时机。

protected void onStart(){
    super.onStart();
    ViewTreeObserver observer = view.getViewTreeObserver();
    observer.addOnGlobalLayoutListener(new OnGlobalLayoutListener(){
        public void onGlobalLayout(){
            view.getViewTreeObserver().removeGlobalOnLayoutListener(this);
            int width = view.getMeasuredWidth();
            int height = view.getMeasuredHeight();
        }
    });
}

Layout过程

Layout的作用是ViewGroup用来确定子元素的位置，当ViewGroup的位置被确定后，它在onLayout中会遍历所有子元素并调用其layout方法，在layout方法中onLayout方法又会被调用。layout方法确定View本身的位置，而onLayout确定所有子元素的位置。在View中onMeasure确定了View的测量宽高，而layout则确定View的最终宽高。

public void layout(int l, int t, int r, int b){
    super.layout(l, t, r, b);
}

宽为r - l ， 高为 b - t。即测量宽高可以不等于最终宽高，最终宽高是由layout函数决定的。

Draw过程

draw过程包含如下几步：
a. 绘制背景
b. 绘制自己
c. 绘制children
d. 绘制装饰

View的绘制过程传递是通过dispatchDraw来实现的，dispatchDraw会遍历调用所有元素的draw方法，如此draw事件就一层层地传递了下去。

自定义View

自定义View须知：
1.让View支持wrap_content
2.如果有必要，让View支持padding. 而margin则不需要，因为margin是父View处理的
3.View中如果有线程或者动画，需要及时停止，防止内存泄漏。在onDetachedFromWindow中处理

下面自定义一个简单的View为例：

public class CircleView extends View {
    private Paint mPaint;
    public CircleView(Context context) {
        this(context, null);
    }

    public CircleView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public CircleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init(context, attrs, defStyleAttr);
    }

    private void init(Context context, AttributeSet attrs, int defStyleAttr) {
        //自定义属性
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CircleView, defStyleAttr, 0);
        int color = typedArray.getColor(R.styleable.CircleView_Circlecolor, 0x55ff6677);
        typedArray.recycle();
        mPaint = new Paint();
        mPaint.setColor(color);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        //处理wrap_content属性的大小
        int widthSpecMode = MeasureSpec.getMode(widthMeasureSpec);
        int widthSpecSize = MeasureSpec.getSize(widthMeasureSpec);
        int heightSpecMode = MeasureSpec.getMode(heightMeasureSpec);
        int heightSpecSize = MeasureSpec.getSize(heightMeasureSpec);
        if(widthSpecMode == MeasureSpec.AT_MOST && heightSpecMode == MeasureSpec.AT_MOST){
            setMeasuredDimension(200, 200);
        }else if(widthSpecMode == MeasureSpec.AT_MOST){
            setMeasuredDimension(200, heightSpecSize);
        }else if(heightSpecMode == MeasureSpec.AT_MOST){
            setMeasuredDimension(heightSpecSize, 200);
        }else{
            setMeasuredDimension(widthSpecSize, heightSpecSize);
        }
    }

    @Override
    protected void onDraw(Canvas canvas) {
        //在自定义View中处理padding
        int paddingLeft = getPaddingLeft();
        int paddingTop = getPaddingTop();
        int paddingRight = getPaddingRight();
        int paddingBottom = getPaddingBottom();
        int width = getWidth() - paddingLeft - paddingRight;
        int height = getHeight() - paddingTop - paddingBottom;
        int radiu = Math.min(width, height) / 2;
        canvas.drawCircle(width / 2 + paddingLeft, height / 2 + paddingTop , radiu, mPaint);
    }
}

自定义属性文件attrs.xml内容：

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <declare-styleable name="CircleView">
        <attr name="Circlecolor" format="color"/>
    </declare-styleable>
</resources>

在布局文件中使用该自定义View：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" tools:context="com.example.xin.viewdemo.MainActivity">

    <com.example.xin.viewdemo.CircleView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:paddingTop="20dp"
        app:Circlecolor="#895"/>

</android.support.constraint.ConstraintLayout>

自定义View使用时要是使用View的完整类名（包括包名）,使用时要用自定义属性，需要加入
xmlns:app=”http://schemas.android.com/apk/res-auto”