由浅入深学习自定义控件（4）-滑动开关slidemenu

自定义控件：用户根据自己需求，自己定制的控件。

方式： 继承已有控件、继承view、 继承viewGroup

1.继承view,定制单一控件

2.继承ViewGroup,定制控件组

例： 自定义滑动开关

 1. 继续View , 在构造方法中初始化图片资源，图片资源放在drawable目录下

 2.  实现onMeasure方法，用来测量控件的宽和高

 3. 实现onDraw方法， 把控件画出来。

 4. 实现onTouchEvent方法，实现控件的滑动，并改变状态 ，调用invalidate重新绘制控件

  5. 定义接口，在onTouchEvent方法， MotionEvent.ACTION_UP时判断状态，并实现事件回调

1.

public SlideButton(Context context, AttributeSet attrs) {

  super(context, attrs);

  initBitmap();

 }

/**

  * 初始化图片

  */

 private void initBitmap() {

  slideButtonBG = BitmapFactory.decodeResource(getResources(),

    R.drawable.slide_button_background);

  switchBG = BitmapFactory.decodeResource(getResources(),

    R.drawable.switch_background);

 }

2. 

/**

  * 测量当前开关的宽高时回调

  */

 @Override

 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {

  // 设置开关的宽高

  setMeasuredDimension(switchBG.getWidth(), switchBG.getHeight());

 }

3. 

/**

  * 绘制当前控件的方法

  */

 @Override

 protected void onDraw(Canvas canvas) {

  // 1.把滑动开关的背景画到画布上

  canvas.drawBitmap(switchBG, 0, 0, null);

  // 2. 绘制滑动块显示的位置 ，开或关

  if(isSliding) {

   int left = currentX - (slideButtonBG.getWidth()/2);

   if(left < 0) {

    left = 0;

   } else if(left > switchBG.getWidth() - slideButtonBG.getWidth()) {

    left = switchBG.getWidth() - slideButtonBG.getWidth();

   }

   canvas.drawBitmap(slideButtonBG, left, 0, null);

  } else {

   if (currentState) { // 绘制开关为开的状态

    canvas.drawBitmap(slideButtonBG, switchBG.getWidth()

      - slideButtonBG.getWidth(), 0, null);

   } else { // 绘制开关为关的状态

    canvas.drawBitmap(slideButtonBG, 0, 0, null);

   }

  }

  super.onDraw(canvas);

 }

4.

/**

  * 当产生触摸事件时回调的方法

  */

 @Override

 public boolean onTouchEvent(MotionEvent event) {

  switch (event.getAction()) {

  case MotionEvent.ACTION_DOWN:

   currentX = (int) event.getX();

   isSliding = true;

   break;

  case MotionEvent.ACTION_MOVE:

   currentX = (int) event.getX();

   break;

  case MotionEvent.ACTION_UP:

   isSliding = false ;

   

   //判断当前滑动块，偏向于哪一边， 如果滑动块的中心点小于背景的中心点，设置为关闭状态 ，

   int bgCenter = switchBG.getWidth() / 2 ;

   boolean state = currentX > bgCenter;

   

   

   //调用用户的监听 事件

   if(state != currentState && mListener != null) {

    mListener.onToggleStateChanged(state);

   }

 

   currentState = state;

   

   break;

  }

 

  invalidate(); //刷新当前控件 ，会引起onDraw方法的调用

  return true;

 }