自定义view总结一

自定义滑块

如果通过继承view的形式自定义view的话，一般情况下需要复写onMeasure()和onDraw()方法

一、构造函数

 public MySliderButton(Context context) {

  super(context);

  init(context);

 }

 

 public MySliderButton(Context context, AttributeSet attrs) {

 super(context, attrs);

  init(context);

 }

 

 public MySliderButton(Context context, AttributeSet attrs, int defStyle) {

  super(context, attrs, defStyle);

  init(context);

 }

 

 //初始化资源

 private void init(Context context) {

  //加载三张图片

  this.context = context;

  btBackGround = BitmapFactory.decodeResource(getResources(),R.drawable.kuang);

  btOn = BitmapFactory.decodeResource(getResources(), R.drawable.green);

  btOff = BitmapFactory.decodeResource(getResources(), R.drawable.hui);

  setOnTouchListener(this);//给该view设置监听

  

  //计算背景图片的宽高

  btBackGroundHeight = btBackGround.getHeight();

  btBackGroundWidth = btBackGround.getWidth();

  btOffWidth = btOff.getWidth();

  btOffHeight = btOff.getHeight();

 }

二、

①默认情况下

onMeasure（）

 @Override

 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

  super.onMeasure(widthMeasureSpec, heightMeasureSpec);

 }

如果这个方法使用父类默认的方法super.onMeasure(widthMeasureSpec, heightMeasureSpec);

则如果该view不是设置固定的宽和高，则无论设置为match_parent 或 wrap_content都会默认的填充父控件。

 

 @Override

    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

       

        int width  = measureDimension(DEFAULT_VIEW_WIDTH, widthMeasureSpec);

        int height = measureDimension(DEFAULT_VIEW_HEIGHT, heightMeasureSpec);

        setMeasuredDimension(width, height);               

    }

②一般情况下的用法

protected void onMeasureDimension(int defaultSize, int measureSpec ){

 int result = defaultSize;

       

        int specMode = MeasureSpec.getMode(measureSpec);

        int specSize = MeasureSpec.getSize(measureSpec);

               

        if (specMode == MeasureSpec.EXACTLY) {     

            result = specSize; //result直接使用确定值

        }

        else if (specMode == MeasureSpec.AT_MOST) {           

            result = Math.min(defaultSize, specSize); //result不能大于specSize

        } else {     

            result = defaultSize;

        }

       

        return result;

    }

}

③也可以直接设值

 @Override

 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

  //宽高由背景图片计算得来

  setMeasuredDimension(btBackGroundWidth, btBackGroundHeight);

 }

三、OnDraw()用来绘制图片

@Override

 protected void onDraw(Canvas canvas) {

  super.onDraw(canvas);

  System.out.println("执行了onDraw().......");

  Matrix matrix = new Matrix();

  Paint paint = new Paint();

  y = (btBackGroundHeight - btOffHeight)/2；

  float x = 0;

  midWidth = btBackGroundWidth/2 - btOffWidth/2;

  maxWidth = btBackGroundWidth - y*2 - btOffWidth;

  Bitmap bitmap;

  //滑块在拖动

  if(onSlip){

   if(nowX >=maxWidth){//如果超过最右边的边界，则设置为maxwidth

    x = maxWidth;                          

    bitmap = btOn;

   }else if(nowX <= y){

    x = y;

    bitmap = btOff;

   }else{//没超过最右边则设置为拖动的位置

    x = nowX + y;

    if(x > midWidth){

     bitmap = btOn;

    }else{

     bitmap = btOff;

    }

   }

  //初始化滑块

  }else{

   if(nowX <= midWidth){

    x = x + y;

    bitmap = btOff;

   }else{

    x = maxWidth;

    bitmap = btOn;

   }

  }

  //根据手指在屏幕上的移动位置绘制图片

  canvas.drawBitmap(bitmap, x , y, paint);

 }

四、onTouch()

在init()方法中给该view设置了触摸监听setOnTouchListener(this)，会回调该方法

@Override

 public boolean onTouch(View v, MotionEvent event) {

  switch (event.getAction()) {

  case MotionEvent.ACTION_DOWN:

   //如果手指触碰屏幕不在该view的范围内，则不响应

   if(event.getX() > btBackGround.getWidth() || event.getY() > btBackGround.getHeight()){

    return false;

   }else{

    onSlip = true;

    downX = event.getX();

    nowX = downX;//记录手指按下的位置

   }

   break;

  case MotionEvent.ACTION_MOVE:

   nowX = event.getX();//记录手指移动过程中的位置

   break;

  case MotionEvent.ACTION_UP:

  //当手指按下时在该控件范围内，当手指滑动出该控件范围时会调用MotionEvent.ACTION_CANCEL

  //如果不处理该事件，如果该view放在listview等控件中时，当上下滑动时有时会出现滑块挂在中间的状态

  case MotionEvent.ACTION_CANCEL:

   onSlip = false;

   nowX = event.getX();

   if(nowX >= midWidth){

    nowStatus = true;

   }else{

    nowStatus = false;

   }

   System.out.println("离开:"+nowX);

   if(listener != null){

    //回调监听中的方法

    listener.OnChanged(MySliderButton.this, nowStatus);

   }

   break;

  }

  //调用该方法后会执行onDraw()方法

  invalidate();

  return true;

 }

五、设置监听

 public void setOnChangedListener(OnChangedListener listener){

  this.listener = listener;

 }

 

 /**

  * 为button提供一个供外部调用的方法，设置一个监听

  * @author zhijianhulian

  *

  */

 public interface OnChangedListener{

  void OnChanged(MySliderButton mySliderButton,boolean checkState);

 }

 

六、提供可以设置状态的方法

 public void setChecked(boolean checked){

  if(checked){

   nowX = btOff.getWidth();

  }else{

   nowX = (btBackGround.getWidth() - btOff.getWidth())/2;

  }

  nowStatus = checked;

 }

 

 

 

代码：http://download.csdn.net/detail/nicolelili1/8287557