android 滑動按鈕

package com.qing;

import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Matrix;
import android.graphics.Paint;
import android.graphics.Rect;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;

public class MySlipSwitch extends View implements OnTouchListener {

 //開關開啟時的背景，關閉時的背景，滑動按鈕
 private Bitmap switch_on_Bkg, switch_off_Bkg, slip_Btn;
 private Rect on_Rect, off_Rect;
 
 //是否正在滑動
 private boolean isSlipping = false;
 //當前開關狀態，true為開啟，false為關閉
 private boolean isSwitchOn = false;
 
 //手指按下時的水平座標X，當前的水平座標X
 private float previousX, currentX;
 
 //開關監聽器
 private OnSwitchListener onSwitchListener;
 //是否設定了開關監聽器
 private boolean isSwitchListenerOn = false;
 
 
 public MySlipSwitch(Context context) {
  super(context);
  init();
 }
 
 
 public MySlipSwitch(Context context, AttributeSet attrs) {
  super(context, attrs);
  init();
 }
 
 
 private void init() {
  setOnTouchListener(this);
 }
 
 
 protected void setImageResource(int switchOnBkg, int switchOffBkg, int slipBtn) {
  switch_on_Bkg = BitmapFactory.decodeResource(getResources(), switchOnBkg);
  switch_off_Bkg = BitmapFactory.decodeResource(getResources(), switchOffBkg);
  slip_Btn = BitmapFactory.decodeResource(getResources(), slipBtn); 
  
  //右半邊Rect，即滑動按鈕在右半邊時表示開關開啟
  on_Rect = new Rect(switch_off_Bkg.getWidth() - slip_Btn.getWidth(), 0, switch_off_Bkg.getWidth(), slip_Btn.getHeight());
  //左半邊Rect，即滑動按鈕在左半邊時表示開關關閉
  off_Rect = new Rect(0, 0, slip_Btn.getWidth(), slip_Btn.getHeight());
 }
 
 
 protected void setSwitchState(boolean switchState) {
  isSwitchOn = switchState;
 }
 
 
 protected boolean getSwitchState() {
  return isSwitchOn;
 }
 
 
 protected void updateSwitchState(boolean switchState) {
  isSwitchOn = switchState;
  invalidate();
 }
 
 
 @Override
 protected void onDraw(Canvas canvas) {
  // TODO Auto-generated method stub
  super.onDraw(canvas);
  
  Matrix matrix = new Matrix();
  Paint paint = new Paint();
  //滑動按鈕的左邊座標
  float left_SlipBtn;
  
  //手指滑動到左半邊的時候表示開關為關閉狀態，滑動到右半邊的時候表示開關為開啟狀態
  if(currentX < (switch_on_Bkg.getWidth() / 2)) {
   canvas.drawBitmap(switch_off_Bkg, matrix, paint);
  } else {
   canvas.drawBitmap(switch_on_Bkg, matrix, paint);
  }
  
  //判斷當前是否正在滑動
  if(isSlipping) {
   if(currentX > switch_on_Bkg.getWidth()) {
    left_SlipBtn = switch_on_Bkg.getWidth() - slip_Btn.getWidth();
   } else {
    left_SlipBtn = currentX - slip_Btn.getWidth() / 2;
   }
  } else {
   //根據當前的開關狀態設定滑動按鈕的位置
   if(isSwitchOn) {
    left_SlipBtn = on_Rect.left;
   } else {
    left_SlipBtn = off_Rect.left;
   }
  }
  
  //對滑動按鈕的位置進行異常判斷
  if(left_SlipBtn < 0) {
   left_SlipBtn = 0;
  } else if(left_SlipBtn > switch_on_Bkg.getWidth() - slip_Btn.getWidth()) {
   left_SlipBtn = switch_on_Bkg.getWidth() - slip_Btn.getWidth();
  }
  
  canvas.drawBitmap(slip_Btn, left_SlipBtn, 0, paint);
 }
 
 
 
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  // TODO Auto-generated method stub
  setMeasuredDimension(switch_on_Bkg.getWidth(), switch_on_Bkg.getHeight());
 }

 @Override
 public boolean onTouch(View v, MotionEvent event) {
  // TODO Auto-generated method stub
  switch(event.getAction()) {
  //滑動
  case MotionEvent.ACTION_MOVE:
   currentX = event.getX();
   break;
   
  //按下
  case MotionEvent.ACTION_DOWN:
   if(event.getX() > switch_on_Bkg.getWidth() || event.getY() > switch_on_Bkg.getHeight()) {
    return false;
   }
   
   isSlipping = true;
   previousX = event.getX();
   currentX = previousX;
   break;
  
  //鬆開
  case MotionEvent.ACTION_UP:
   isSlipping = false;
   //鬆開前開關的狀態
   boolean previousSwitchState  = isSwitchOn;
   
   if(event.getX() >= (switch_on_Bkg.getWidth() / 2)) {
    isSwitchOn = true;
   } else {
    isSwitchOn = false;
   }
   
   //如果設定了監聽器，則調用此方法
   if(isSwitchListenerOn && (previousSwitchState != isSwitchOn)) {
    onSwitchListener.onSwitched(isSwitchOn);
   }
   break;
  
  default:
   break;
  }
  
  //重新繪製控制項
  invalidate();
  return true;
 }

 public void setOnSwitchListener(OnSwitchListener listener) {
  onSwitchListener = listener;
  isSwitchListenerOn = true;
 }
 
 
 public interface OnSwitchListener {
  abstract void onSwitched(boolean isSwitchOn);
 }
}

 

調用

 slipswitch_MSL = (MySlipSwitch)findViewById(R.id.main_myslipswitch);
        slipswitch_MSL.setImageResource(R.drawable.bkg_switch, R.drawable.bkg_switch, R.drawable.btn_slip);
        slipswitch_MSL.setSwitchState(true);
        slipswitch_MSL.setOnSwitchListener(new OnSwitchListener() {
   
   @Override
   public void onSwitched(boolean isSwitchOn) {
    // TODO Auto-generated method stub
    if(isSwitchOn) {
     Toast.makeText(MainActivity.this, "開關已經開啟", 300).show();
    } else {
     Toast.makeText(MainActivity.this, "開關已經關閉", 300).show();
    }
   }
  });