SwitchButtom 一个以图片为背景的开关案例

/**
 * SwitchButtom
 * 点击和滑动，进行开关的控制
 * 1.将两张图片初始化
 * 2.绘制到View上面
 * 3.处理事件
 */

public class SwitchButtom extends View {

 private Bitmap background;
 private Bitmap slide;
 private boolean state;//开关的状态
 private OnStateChangeListener onStateChangeListener;//监听对象

 //new的时候调用
 public SwitchButtom(Context context) {
  this(context, null);
 }

 //使用style的使用调用
 public SwitchButtom(Context context, @Nullable AttributeSet attrs) {
  this(context, attrs, 0);
 }

 //写在布局文件里面的时候调用
 public SwitchButtom(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
  super(context, attrs, defStyleAttr);
  //初始化两张图片
  //将资源 文件转成Bitmap对象
//  getResources() 包含图片资源的资源对象
//  R.drawable.background 图片资源的id
  background = BitmapFactory.decodeResource(getResources(), R.drawable.background);
  slide = BitmapFactory.decodeResource(getResources(), R.drawable.slide);
 }
 //将图片绘制到控件上面

 @Override
 protected void onDraw(Canvas canvas) {
  super.onDraw(canvas);
  //绘制
  //参数1.图片对象
  //参数2.x轴的开始位置
  //参数3.y轴的开始位置
  //参数4.画笔
  canvas.drawBitmap(background, 0, 0, null);//背景
  int left = 0;
  if (isTouch) {
   //滑块和手指一起移动
//   left = currentX;//修正位置
   left = currentX - slide.getWidth() / 2;
   //处理边界问题
   if (left < 0) {
    left = 0;
   }
   if (left > background.getWidth() - slide.getWidth()) {
    left = background.getWidth() - slide.getWidth();
   }
   canvas.drawBitmap(slide, left, 0, null);//滑块儿
  } else {
   //根据开关的状态绘制滑块
   if (state) {
//    getWidth()---背景的宽度
    left = background.getWidth() - slide.getWidth();
   } else {
    left = 0;
   }
   canvas.drawBitmap(slide, left, 0, null);//滑块儿
  }
 }

 //将控件的尺寸重新设置一下
 @Override
 protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
  super.onMeasure(widthMeasureSpec, heightMeasureSpec);
  //根据背景图设置控件的宽高
  setMeasuredDimension(background.getWidth(), background.getHeight());//将需要的宽高设置进去
 }

 //给外部提供一个设置开关的方法
 public void setState(boolean state) {
  this.state = state;
 }
 public boolean getState(){
  return state;
 };
 //处理事件
 private int currentX;
 private boolean isTouch;//判断是否在触摸状态

 @Override
 public boolean onTouchEvent(MotionEvent event) {
  switch (event.getAction()) {
   case MotionEvent.ACTION_DOWN:
    isTouch = true;
    currentX = (int) event.getX();
    break;
   case MotionEvent.ACTION_MOVE:
    currentX = (int) event.getX();
    break;
   case MotionEvent.ACTION_UP:
    isTouch = false;
    currentX = (int) event.getX();
    //当手指抬起的时候，应该判断一下滑块儿的位置，然后设置开关的状态
//    currentX 在中间位置的那边
    int centerX = background.getWidth()/2;
    if (currentX>centerX){
     state = true;
    }else {
     state = false;
    }
    //调用接口里的方法
    onStateChangeListener.onStateChange(state);
    break;
  }
  //重新绘制
  invalidate();
  return true;
 }
 //接口回调
 public interface OnStateChangeListener{
  void onStateChange(boolean state);
 }
 //提供一个外部访问的方法
 public void setOnStateChange(OnStateChangeListener onStateChangeListener){
  this.onStateChangeListener = onStateChangeListener;
 }
}

//Main

public class MainActivity extends AppCompatActivity{

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  SwitchButtom myButtom = (SwitchButtom) findViewById(R.id.mybutton);
  //在外部设置监听
  myButtom.setOnStateChange(new SwitchButtom.OnStateChangeListener() {
   @Override
   public void onStateChange(boolean state) {
    Toast.makeText(MainActivity.this,"当前状态---"+state,Toast.LENGTH_SHORT).show();
   }
  });
 }
}

//main布局还是用LinearLayout

<com.gjl.day04_switchbuttom.views.SwitchButtom
        android:id="@+id/mybutton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>