view 自定义组件 --- 水滴组件

来源：互联网发布：破解万方数据库编辑：程序博客网时间：2024/04/27 22:04

继承View可以制作出单独的组件，自己有特色的事件：

需要重写几个方法：1. 构造器；一个是参数含有Context和另一个AttributeSet   context的构造器一般用于在Java代码中new的时候用到，而attributeset则用于在xml中写一些控件属性时候用到；另外我们可以在android工程中的values目录下编写一个attribut.xml文件，里面主要在<declare-styleable>里面填写一些组件的属性，如字体大小/背景颜色等；在代码中用Context的obtainStyledAttributes读取出来2. 重写onMeasure方法  用于测量组件的框高3. 重写onLayout方法   用于定位组件的位置4. onDraw（）      重新绘制我们的组件5. 如果需要对组件的做一些事件响应，我们可以重写onTouchEvent方法需要用到几个常用的方法：        invalidate   重新调用ondraw方法    requestLayout   重新调用Layout布局过程    forceLayout     标志view下一次重绘之间先调用一下layout布局方法

自定义水滴组件：

package com.jack.waterview;import android.content.Context;import android.graphics.Canvas;import android.graphics.Color;import android.graphics.Paint;import android.os.Handler;import android.os.Message;import android.util.AttributeSet;import android.util.Log;import android.view.MotionEvent;import android.view.View;import android.view.ViewGroup;public class WaterView extends View{/************************************************ * 水波纹demo  点击出现水波纹 *  */    private static final String TAG = "WATER VIEW";    private static final int MAX_APHLA = 255;    private int alpha;    private int radius;    private int xDown = 540;    private int yDown = 780;    private Paint paint;            //画笔    private float width;    //AttributeSet一些列属性的集合接口   xml里面的尺寸属性        public WaterView(Context context,AttributeSet attrs) {            super(context,attrs);            // TODO Auto-generated constructor stub            Log.i(TAG, "MainActivity");            alpha = 0;            radius = 0;            initPaint();        }        private void initPaint(){            Log.i(TAG, "initPaint");            paint = new Paint();            paint.setAntiAlias(true);           //设置标志位ANTI_ALIAS_FLAG  false为清除该标志位，该标志位的作用平滑边缘，防止锯齿状边缘            paint.setStrokeWidth(width);        //设置画笔的宽度，0表示画笔为一个像素点款            paint.setStyle(Paint.Style.STROKE); //设置环形方式绘制            paint.setAlpha(alpha);            Log.i(TAG, "alpha is: "+ paint.getAlpha());            paint.setColor(Color.RED);        }        //自定义控件需要指定它的大小        @Override        protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {            // TODO Auto-generated method stub            super.onMeasure(widthMeasureSpec, heightMeasureSpec);            /*View buttonView = this.get;            buttonView.measure(buttonView.getLayoutParams().width, buttonView.getLayoutParams().height);            Log.i(TAG, "width="+buttonView.getLayoutParams().width+" height="+ buttonView.getLayoutParams().height+"  width1="+widthMeasureSpec+"  height1="+heightMeasureSpec);            */Log.i(TAG, "onMeasure");        }        /*        //布局位置   arg分别是坐标位置 zuo shang you xia 0 0 1080 1560        @Override        protected void onLayout(boolean arg0, int arg1, int arg2, int arg3,                int arg4) {            // TODO Auto-generated method stub            View buttonView = this.getChildAt(0);            buttonView.layout(540, 780, 900, 1000);            //buttonView.layout(arg1, arg2, arg3, arg4);            Log.i(TAG, "arg1="+arg1+" arg2="+ arg2+"  arg3="+arg3+"  arg4="+arg4);        }        */        //draw方法,画出我们需要的效果        @Override        protected void onDraw(Canvas canvas) {            // TODO Auto-generated method stub            Log.i(TAG, "onDraw");            //canvas.drawCircle(xDown, yDown, 15, paint);            canvas.drawCircle(xDown, yDown, radius, paint);        }        //touch点击事件        @Override        public boolean onTouchEvent(MotionEvent event) {            Log.i(TAG, "onTouchEvent");            switch(event.getAction()){                case MotionEvent.ACTION_DOWN:                    radius = 0;                    alpha = MAX_APHLA;                    width = radius / 4;                    xDown = (int)event.getX();                    yDown = (int)event.getY();                    myHander.sendEmptyMessage(0);                    break;                case MotionEvent.ACTION_UP:                    break;                default:                    break;            }            return true;        }        private Handler myHander = new Handler(){            @Override            public void handleMessage(Message msg) {                // TODO Auto-generated method stub                switch(msg.what){                    case 0:                        flushState();                        invalidate();           //系统方法  调用ondraw                        Log.i(TAG, "handleMessage");                        if(alpha > 0){                            myHander.sendEmptyMessageDelayed(0, 50);                        }                        break;                    default:                        break;                }            }        };        //刷新圆圈的画笔尺寸        private void flushState(){            radius += 5;            alpha -= 10;            if(alpha <= 0){                alpha = 0;            }            width = radius / 4;            paint.setAlpha(alpha);            paint.setStrokeWidth(width);        }}

0 0