自定义View之一般自定义View的流程

在记录自定义View之非常基础篇之后，真实的发现有些东西写下来一遍会比看十遍记忆的清晰！小伙伴们不妨也试试~

首先放最基本的流程图

自定义View绘制流程图

从View继承一般需要忙活的方法是onDraw这里

从ViewGroup继承一般需要忙活的方法是onLayout这里

构造函数 （获取自定义参数）

构造函数中我们主要会做一些初始化操作，以及获取自己的自定义属性参数（如果使用自定义属性的话）

如果有使用自定义属性的话，我们可以通过AttributeSet对象attrs获取他们的值

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

public SlipBase(Context context, AttributeSet attrs) {
    this(context, attrs, 0);
}

public SlipBase(Context context, AttributeSet attrs, int defStyleAttr) {
    super(context, attrs, defStyleAttr);
}

@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public SlipBase(Context context,AttributeSet attr,int defStryleAttr,int defStyleRes){
    super(context,attr,defStryleAttr,defStyleRes);
}

• 不管是继承ViewGroup还是View都有四个构造重载方式可供选择，其实四个参数的是API21之后添加的。
• 有三个参数的构造函数中第三个参数是默认的Style，这里的默认的Style是指它在当前Application或Activity所用的Theme中的默认Style，且只有在明确调用的时候才会生效
• 我们在写自定义View的时候需要关心的通常是有一个和两个参数的构造方法
• 一个参数的构造方法一般会在View直接new的时候调用比如:

SlipBase slipbase = new SlipBase(context);

• 写在layout文件中XXX.xml则调用的是两个参数的方法

onMeasure （测量View大小）

measure过程要分情况来看，如果只是一个原始的View，那么通过measure方法就完成其测量过程，如果是一个ViewGroup，除了完成自己的测量过程外，还会遍历去调用所有子元素的measure方法。

这里面涉及到一个类MeasureSpec，MeasureSpec代表一个32位int值，高2位代表SpecMode，低30位代表SpecSize。SpecMode是指测量模式，而SpecSize是指在某种测量模式下的规格大小。

SpecMode有三类，每一类都表示特殊的含义

• UNSPECIFIED

父容器不对View有任何限制，要多大给多大，这种情况一般用于系统内部。

• EXACTLY

父容器已经检测出View所需要的精确大小，这个时候View的最终大小就是SpecSize所以定的值。她对应LayoutParams中的match_parent和具体的数值

• AT_MOST

父容器指定了一个可用大小即SpecSize,View的大小不能大于这个值。她对应于LayoutParams中的wrap_content.

在之前的一篇自定义View中实际代码，感兴趣的小伙伴可以翻来看看
自定义控件之雷达图

    @Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    //可以在这里处理View自身的测量情况  wrap
    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){
        heightSpecSize = widthSpecSize = DEFAULTSIZE;
    }else{
        heightSpecSize = widthSpecSize = Math.min(heightSpecSize,widthSpecSize);
    }
    setMeasuredDimension(widthSpecSize,heightSpecSize);
}

onSizeChanged （确定View的大小）

这个函数在视图大小发生改变时调用。

一般情况下onMeasure中就可以把View的大小确定下来了，但是因为View的大小不仅由View本身控制，而且受父控件的影响，所以我们在确定View大小的时候最好使用系统提供的onSizeChanged回调函数。

同样是这篇自定义View中有具体的使用：自定义控件之雷达图

    @Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
    super.onSizeChanged(w, h, oldw, oldh);
    mCenterW = w/2;
    mCenterH = h/2;
    mDefaultMaxR = Math.min(w,h)/2f-30;//随便计算一下 最大值
    Log.e("SpiderView",String.format("控件默认的最大的R为%f",mDefaultMaxR));
    //防止用户设置的值 突破天际
    if(mMaxR >0f){
        mMaxR = Math.min(mDefaultMaxR,mMaxR);
    }else{
        mMaxR = mDefaultMaxR;
    }
}

onLayout （确定子View的位置）

主要是用于确定子View的具体布局位置，一般是在继承了ViewGroup的时候需要重写这个方法，一般都是在onLayout中获取所有的子类，然后根据需求计算出子View的位置参数，再通过调用子View的layout(l,t, r, b)方法设置子View的位置。

onLayout的具体应用实践可以翻翻：自定义View之图片随手势方向动态加载中的0x03这部分

@Override
protected void onLayout(boolean changed, int l, int t, int r, int b) {
    if(getChildCount()<2) return;
    MarginLayoutParams marginLayoutParams;
    switch (slipTo){
        case DOWN:
            for (int i=0;i<getChildCount(); i++){
                View childView = getChildAt(i);
                marginLayoutParams = (MarginLayoutParams) childView.getLayoutParams();
                int cl= marginLayoutParams.leftMargin, ct = 0, cr = cl + mWidth, cb;
                if(isEvenRepeat()){
                    if(i==0) {
                        ct = mMarginTopHeight + mHeight;
                    }else if(i==1){
                        ct = mMarginTopHeight;
                    }
                }else{
                    if(i==0){
                        ct = mMarginTopHeight;
                    }else if(i==1){
                        ct = mMarginTopHeight + mHeight;
                    }
                }
                ct = ct +20;
                cb = ct + mHeight;
                childView.layout(cl,ct,cr,cb);
             }
            break;
       。。。省略一堆代码。。。
    }
}

在主动调用view.requestLayout();后可触发view的onLayout方法。

onDraw （绘制内容）

重写onDraw方法基本可以说是自定义View的一个标配。这部分也决定了自定义View的具体效果。是猫是狗，主要取决于你在一个方法的canvas上画了什么~

这个方法具体的使用实践也可以参考这篇：自定义控件之雷达图

    @Override
protected void onDraw(Canvas canvas) {
    super.onDraw(canvas);
    if(spiders==null||spiders.size()<3) return; //没有值或者值小于3 直接不画
    mSizeCount = spiders.size();
    mR = mMaxR / (mCount-1);
    mAngle = (float) Math.PI*2/mSizeCount;
    canvas.translate(mCenterW,mCenterH);  //将原点移动至中心
    //分别绘制
    drawSpiderBase(canvas);
    drawSpiderSupport(canvas);
    drawSpiderData(canvas);
    drawSpiderText(canvas);
}

在主动调用view.invalidate();后，可触发view的重绘

其他

• 直接继承View重写View的时候，注意要重写onmeasure方法使其支持wrap_content。并且padding也需要自己处理，padding需要在onDraw方法中处理
• 直接继承ViewGroup的控件需要在onMeasure和onLayout中考虑padding和子元素的margin对其造成的影响。
• 如果有线程或者动画，需要及时停止
• 注意滑动冲突

参考

本文部分内容参考 Android开发艺术探索