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);
}
@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);
}