Android开发之自定义View流程

Android控件架构

ViewGroup控件和View控件，ViewGroup控件作为父控件包含了多个View,并且管理着View控件,整个架构类似一个树状结构，上层负责控制着下层控件的绘制和测量，并且传递事件。
最顶部的是一个ViewParent对象，所有的交互事件都是由它统一控制和分配。

自定义View流程

View的测量>三种测量模式

EXACTLY(精确模式)

layout_width="100dip" 或者 layout_width="match_parent"

AT_MOST(最大模式)
这种模式相当于自适应，子控件会随着父控件的大小改变而改变，只要不超过父控件大小
UNSPECIFIED(不指定其大小测量模式)

默认情况只支持EXACTLY模式

如果是我们要使用warp_content,也需要重写onMesure()方法。
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
int specWidth;
int specSize=MeasureSpec.getSize(widthMeasureSpec);
int specMode=MeasureSpec.getMode(widthMeasureSpec);
/精确模式 /
if (specMode==MeasureSpec.EXACTLY){
specWidth=specSize;
}else {
specWidth=200;
/自适应模式/
if (specMode==MeasureSpec.AT_MOST){
specWidth=Math.min(specWidth,specSize);
}
}
setMeasuredDimension(specWidth,specWidth);
}

重写后我们可以发现
当我们设置宽度是为准确的値的时候会精确控件大小
当我们设置为match_parent属性时，会填满父控件
当我们设置warp_content时会使用一个默认为200的默认值，如果不重写onMesure()他会默认填充满整个布局

View的绘制

   @Override
    protected void onDraw(Canvas canvas) {
        //在回调父类方法之前实现自己逻辑
        super.onDraw(canvas);
        //在实现父类方法之后实现自己的逻辑
        Canvas mcanvas=new Canvas(bitmap);
        mcanvas.drawBitmap(bitmap,0,0,null);
        Canvas mcanvas2=new Canvas(bitmap);
        mcanvas2.drawBitmap(bitmap,1,1,null);
    }

Canvas的绘制都发生在bitmap上面
所以上面的两次绘制虽然是两个Canvas对象，其实当你第二次绘制后，在刷新，
第一个一样发生了变化。

自定义实现一个全代码的ViwePager指示器

Paste_Image.png

package com.project1;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.View;

/*
 * 创建人：Yangshao
 * 创建时间：2017/1/4 10:46
 * @version 一个Viewpager的指示器  多个圆点轮回选中效果
 *
 */
public class ViewPagerPointer extends View {

    private Context mContext;

    public ViewPagerPointer(Context context) {
        this(context, null);
        this.mContext = context;
    }

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

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

    private Paint mRedPaint; //绘制红色选中圆点
    private Paint mWhilePaint; //绘制背景圆点
    private float RADUIO = 8f; //设置圆角半径
    private float PADDING = 24f; //点与点之间的水平间距
    private int mPointerSize;  //圆点个数
    private int mSelectPointer;  //当前选中的


    public void setPointerSize(int pointerSize) {
        mPointerSize = pointerSize;
    }

    public void setSelectPointer(int selectPointer) {
        mSelectPointer = selectPointer;
        invalidate();
    }

    /*测量设置宽高*/
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        int specWidth, specHeight;
        int widthSize = MeasureSpec.getSize(widthMeasureSpec);
        int widthMode = MeasureSpec.getMode(widthMeasureSpec);
        int heightSize = MeasureSpec.getSize(heightMeasureSpec);
        int heightMode = MeasureSpec.getMode(heightMeasureSpec);
        if (widthMode == MeasureSpec.EXACTLY) {
            specWidth = widthSize;
        } else {
            //一个圆点的宽度加上点与点之间的间距
            specWidth = dip2px(RADUIO * 2 + PADDING * (mPointerSize - 1));
        }

        if (heightMode == MeasureSpec.EXACTLY) {
            specHeight = heightSize;
        } else {
            specHeight = dip2px(RADUIO * 2);
        }
        setMeasuredDimension(specWidth, specHeight);
    }

    private void initPaint() {
        mSelectPointer = 0; //设置默认选中值
        mRedPaint = new Paint();
        mRedPaint.setAntiAlias(true);
        mRedPaint.setColor(Color.RED);
        mRedPaint.setStyle(Paint.Style.FILL);

        mWhilePaint = new Paint();
        mWhilePaint.setAntiAlias(true);
        mWhilePaint.setColor(Color.BLACK);
        mWhilePaint.setStyle(Paint.Style.STROKE);
    }

    /**
     * dip转换px
     */
    public int dip2px(float dip) {
        if (mContext != null) {
            final float scale = mContext.getResources().getDisplayMetrics().density;
            return (int) (dip * scale + 0.5f);
        }
        return -1;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        for (int i = 0; i < mPointerSize; i++) {
            if (i == mSelectPointer) {
                canvas.drawCircle(dip2px(RADUIO+i*PADDING), dip2px(RADUIO), dip2px(RADUIO), mRedPaint);
            } else {
                canvas.drawCircle(dip2px(RADUIO+i*PADDING), dip2px(RADUIO), dip2px(RADUIO), mWhilePaint);
            }
        }
    }
}