自定义View

1、创建类继承View 或View的子类

注意：重写构造时，不能缺少两个参数的构造：

否则：报错：

public class MyView extends View{
/**
 * 当在布局文件中声明该view，由系统调用此函数创建对象
 * @param context
 * @param attrs
 */
public MyView(Context context, AttributeSet attrs) {
super(context, attrs);
}
/**
 *  当在代码中用关键字 new 创建该view时，调用此方法 
 * @param context
 */
public MyView(Context context) {
super(context);
}

2、布局文件中的使用

 <zzmyviewz9.view.MyView
        android:layout_width="wrap_content"
        android:layout_centerInParent="true"
        android:layout_height="wrap_content"
        />

3、重写相关的方法，实现我们的需求：

一个view 从创建对象，到显示在屏幕上，中间几个重要的步骤：

1、测量大小  

2、指定位置  

3、绘制内容

/**
 *  当系统需要测量当前控件大小时，
 */
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
// 我们有个任务，就是指定我们自己的大小
// Measured 测量     Dimension 尺寸
setMeasuredDimension(180,100); // 指定我自己宽 180个象素 ，高100个象素
}
/**
 * 二： 当系统为view指定位置时,调用此方法 ,对于自定义view 来说，该方法，作用不大
 */
protected void onLayout(boolean changed, int left, int top, int right,int bottom) {
super.onLayout(changed, left, top, right, bottom);
}
/**
 * 绘制内容
 * @param Canvas 画布
 */
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawColor(Color.BLUE); // 绘制一个纯兰色
Paint paint = new Paint(); // 画圆时，所用的画笔
paint.setColor(Color.RED);
canvas.drawCircle(50, 50, 30, paint); // 绘制一个圆，圆心在x轴50象素，Y轴50像素的地方，半径为30象素
}

    onMeasure(int,int);                        // 系统测量控件大小时调用该方法，自己给自己测量宽和高

    onLayout(boolean,int,int,int,int);// 系统为该view 指定位置时调用此方法，子view的位置，自身只有建议权，决定权在父view的手中。传递的参数是距离父控件的左上右下的位置

    onDraw(Canvas);                        // 为本view绘制内容时，调用该方法。       

            // 在主线程中请求重新绘制ondraw方法      invalidate();

     // 在子线程中请求重新绘制ondraw方法     postInvalidate();  

/*
 * 自定义控件三部曲
 * 1. 重写onMeasure方法
 *      用来自己给自己指定一个宽高   系统会给我们推荐一个样式的宽高  但是具体宽高是多少是由我们自己说了算
 * 2.重写onLayout方法     
            这个方法 是当我们继承自ViewGroup时复写 当父控件决定了子控件距离它的左上点和右下点之后调用
 * 3.重写onDraw方法 
            view长什么样 是由自己决定
 */
//  觉得自己有多大
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
// TODO Auto-generated method stub
super.onMeasure(widthMeasureSpec, widthMeasureSpec);
// 只要复写了这个方法 最好自己给自定指定一个宽高
// 如果自己要给自己指定具体的宽高那么就 setMeasuredDimension  方法
// 如果想通过系统推荐 那么就调用父类的方法
//setMeasuredDimension(200, 100);
}
// 当父控件指定好自己的位置后  告诉我们位置在哪
// 在这里 这个方法的意思不是很大  可以不用理会
// 原因就是因为我们是继承自View的
@Override
protected void onLayout(boolean changed, int left, int top, int right,int bottom) {
// TODO Auto-generated method stub
super.onLayout(changed, left, top, right, bottom);
width = right-left;
height = bottom-top;
}
// 子控件决定自己长什么样子
// 画笔  画布 画布（一张白纸  由我们随便作画）
// 画是一层一层的压上去的
@Override
protected void onDraw(Canvas canvas) {
// 让纸变成红色
canvas.drawColor(Color.RED);
canvas.drawRect(20, 20, 80, 200, paint);
// 指定圆心和半径
canvas.drawCircle(width/2, height/2, width/2, paint);
paint.setColor(Color.YELLOW);
paint.setStyle(Paint.Style.FILL);
// 设置画笔抗锯齿
paint.setAntiAlias(true);
paint.setStrokeWidth(5);
canvas.drawCircle(width/2, height/2, width/2*0.9f, paint);
}

1、onMeasure和onLayout的方法详解

测量的大小：是view 自己想要的大小，在 view.measure 方法执行完以后，就有了

       view.getMeasuredWidth();// 测量的宽

       view.getMeasuredHeight(); //  测量的高

真实的宽和高： view 的真实大小, 是在 view.layout 方法执行完了以后，才会有的值

       view.getWidth(); // 真实的宽

       view.getHeight(); // 真实的高

@Override
/**
 * 当系统需要测量控件大小的时候，调用此方法,
 * 如果是一个view 那么，指定自己的大小就可以了，
 * 如果是一个布局(例如ViewGroup)，不但要指定自己的大小，同时还要测量所有的子view 的大小。
 * 参数一： widthMeasureSpec 宽度的大小和建议
 * 参数一： heightMeasureSpec 高度的大小和建议
 */
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
// 模式和size 模式是int类型的前两位   size是后 30位
// int sizeWidth = MeasureSpec.getSize(widthMeasureSpec); // 获得宽度尺寸
// int modeWidth = MeasureSpec.getMode(widthMeasureSpec); // 获得宽度的相应模式
/*
 * 先测量谁(父控件还是子view)，测量多少次都是不确定的
 */
//可以指定
//MeasureSpec.makeMeasureSpec(size, mode)
// 测量所有的子view的大小
for(int i=0;i<getChildCount();i++){
View view = getChildAt(i);
view.measure(widthMeasureSpec, heightMeasureSpec);
/*
 * 测量的大小：是view 自己想要的大小，在 view.measure 方法执行完以后，就有了
 * view.getMeasuredWidth();// 测量的宽
view.getMeasuredHeight(); //  测量的高
 */
}
//缺少这句话，则会导致没有测量位置：导致linearlayout显示，但是他的自view没有显示
//更好的方法是：使用for循环，给每一子view指定位置
//getChildAt(2).measure(widthMeasureSpec, heightMeasureSpec);
}
@Override
/**
 * 当父view为当前控件指定位置后，调用此方法  ,做为一个viewGroup，必须在此方法中，为子view指定位置
 * @param changed 当前控件的大小，位置，是否发生改变
 * @param l t r b  当前控件在父view坐标系中的位置
 * 
 */
protected void onLayout(boolean changed, int l, int t, int r, int b) {
//System.out.println("ltrb:"+ l+" : "+t +" : "+r +" : "+b);
// 一个viewGroup在onlayout 中的任务就是为，子view 指定位置
//View child0 = getChildAt(0);
//child0.layout(0, 0, getWidth(), getHeight()); // 四个参数，分别是 child0 在当前view中的位置
//View child1 = getChildAt(1);
//child1.layout(getWidth(), 0, getWidth()*2, getHeight()); // 四个参数，分别是 child0 在当前view中的位置
for(int i=0;i<getChildCount();i++){
View view = getChildAt(i);
// 让第一个子view填充满整个viewGroup，以后的子view,依次向右移动一个宽度
view.layout(0+i*getWidth(), 0, getWidth()+i*getWidth(), getHeight());
// view 的真实大小, 是在 view.layout 方法执行完了以后，才会有的值
//view.getWidth(); // 真实的宽
//view.getHeight(); // 真实的高
}
}

注意:

@Override
// 系统测量控件大小时，调用
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
//getMeasuredHeight(); // 
}
@Override
// 当父view为我们指定好位置后，调用此方法，告诉我们的位置
protected void onLayout(boolean changed, int left, int top, int right,
int bottom) {
super.onLayout(changed, left, top, right, bottom);
// 真实的高度，只有当 onLayout 执行了以后才能获得
this.top = getHeight();
System.out.println(top);
}