这里有一个示例代码，它包括三个类：开关组件视图、状态监听接口、MainActivity

我们先来看看整个demo的效果图：

我们先来看看视图组件的完整代码，代码都已经注释：

package com.bear.swtichbuttondemo;

import java.util.ArrayList;

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 MySwitchButton extends View implements OnTouchListener {

?private Bitmap switchOnBkg; // 开关开启时的背景
?private Bitmap switchOffBkg; // 开关关闭时的背景
?private Bitmap slipSwitchButton; // 滑动开关的图片

?private boolean isSlipping = false; // 是否正在滑动
?private boolean isSwitchOn = false; // 当前开关的状态，true表示开启，flase表示关闭
?private float previousX; // 手指按下时的水平坐标x
?private float currentX; // 当前的水平坐标X

?private ArrayList onSwitchListenerList; // 开关监听器列表

?public MySwitchButton(Context context, AttributeSet attrs) {
? super(context, attrs);
? init();
?}

?private void init() {
? this.setOnTouchListener(this); // 设置触摸监听器
? onSwitchListenerList = new ArrayList();
?}

?public void setImageResource(int switchBkg, int slipBtn) {
? switchOnBkg = BitmapFactory.decodeResource(this.getResources(),
? ? switchBkg);
? switchOffBkg = BitmapFactory.decodeResource(this.getResources(),
? ? switchBkg);
? slipSwitchButton = BitmapFactory.decodeResource(this.getResources(),
? ? slipBtn);

?}

?public void setSwitchState(boolean switchState) {
? this.isSwitchOn = switchState;
? this.invalidate();
?}

?public boolean getSwitchState() {
? return this.isSwitchOn;
?}
?
?public void setOnSwitchStateListener(OnSwitchListener listener){
? onSwitchListenerList.add(listener);
?}

?@Override
?protected void onDraw(Canvas canvas) {
? super.onDraw(canvas);

? Matrix matrix = new Matrix();
? Paint paint = new Paint();

? float leftSlipBtnX; // 滑动按钮的左边坐标
?
? //画开关的背景图片
? canvas.drawBitmap(switchOnBkg, matrix, paint);

? if (isSlipping) {
? ?// 如果正在滑动
? ?if (currentX > switchOnBkg.getWidth()) {
? ? leftSlipBtnX = switchOnBkg.getWidth()
? ? ? - slipSwitchButton.getWidth();
? ?} else {
? ? leftSlipBtnX = currentX - slipSwitchButton.getWidth();
? ?}
? } else {
? ?//如果没有滑动
? ?if (isSwitchOn) {
? ? leftSlipBtnX = switchOnBkg.getWidth()
? ? ? - slipSwitchButton.getWidth();
? ?} else {
? ? leftSlipBtnX = 0;
? ?}
? }
?
? //如果手指滑出了开关的范围，应当这样处理
? if (leftSlipBtnX < 0) {
? ?leftSlipBtnX = 0;
? } else if (leftSlipBtnX > switchOnBkg.getWidth()
? ? - slipSwitchButton.getWidth()) {
? ?leftSlipBtnX = switchOnBkg.getWidth() - slipSwitchButton.getWidth();
? }
?
? //在画布上画开关图片
? canvas.drawBitmap(slipSwitchButton, leftSlipBtnX, 0, paint);

?}

?@Override
?protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
? super.onMeasure(widthMeasureSpec, heightMeasureSpec);
? setMeasuredDimension(switchOnBkg.getWidth(), switchOnBkg.getHeight());
?}