首页 > 学院 > 开发设计 > 正文

自定义View

2019-11-08 00:15:07
字体:
来源:转载
供稿:网友

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表