Android 自定义View之随手指滑动的ToggleButton

因为项目里需要可滑动的ToggleButton，就去网上搜了一下，下载了两个例子看下，一个是仿ios6.0的滑动效果，虽说是滑动，但不是我想要的样式，还有一个是使用的facebook开源框架rebound的动画效果的ToggleButton，效果很赞，可惜的是不支持滑动。一开始我是想在第二种例子上做点文章，重写onDraw和onTouch方法支持滑动的同时还有动画效果。可惜的是尝试失败了，主要原因还是对这种动画框架不太了解，详细参数和使用不太了解，再加上我平时在这一块本身就不太擅长，所以就只写了一个普通的效果，不过还是满足了需求，所以就介绍一下，其实挺简单。
第一个是off状态的效果图：

这是on状态的效果图：

简单重写了onLayout方法，在里面设置radius为view高度的一半，核心代码就是onDraw方法和onTouch方法：

protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Paint paint = new Paint();//圆框矩形的画笔
        Paint spotPaint = new Paint();//里面手柄的画笔
        spotPaint.setColor(spotColor);
        float x = 0;

        rect.set(0, 0, getWidth(), getHeight());//设置view（外面圆框矩形）大小
        paint.setColor(offColor);
        canvas.drawRoundRect(rect, radius, radius, paint);
        //手指在左边时颜色为offColor，右边为onColor
        if (NowX < (getWidth() / 2)){
            x = NowX;
            paint.setColor(offColor);
            canvas.drawRoundRect(rect, radius, radius, paint);
        }else {
            x = NowX;
            paint.setColor(onColor);
            canvas.drawRoundRect(rect, radius, radius, paint);
        }
        //重置x的值，可以试一下如果没有前两个判断界面会是什么状态
        if (x < radius){
            x = radius;
        }else if (x > getWidth() - radius){
            x = getWidth() - radius;
        }else {
                x = NowX;
            }
        canvas.drawCircle(x, getHeight()/2, getHeight()/2, spotPaint);
    }  

然后是onTouch方法：

public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction())
        {
        case MotionEvent.ACTION_MOVE:
            NowX = event.getX();
            break;

        case MotionEvent.ACTION_DOWN:

            if (event.getX() > getWidth()
                    || event.getY() > getHeight())
                return false;
            OnSlip = true;//是否为滑动状态为true
            DownX = event.getX();
            NowX = DownX;
            break;

        case MotionEvent.ACTION_CANCEL://可以不写，和up一样
            OnSlip = false;
            boolean choose = isChosen;
            if (NowX >= (getWidth() / 2)) {
                NowX = getWidth();
                isChosen = true;
            } else {
                NowX = 0;
                isChosen = false;
            }
            if (isChgLsnOn && (choose != isChosen)) 
                ChgLsn.OnChanged(isChosen);
            break;
        //抬起的时候若event.getX()在左半边isChosen为false，右半边为true ，对NowX值作处理
        case MotionEvent.ACTION_UP:
            OnSlip = false;
            boolean LastChoose = isChosen;
            if (event.getX() >= (getWidth() / 2)) {
                NowX = getWidth();
                isChosen = true;
            }
            else {
                NowX = 0;
                isChosen = false;
            }
            if (isChgLsnOn && (LastChoose != isChosen)) {
                ChgLsn.OnChanged(isChosen);
            }
            break;
        default:
        }
        invalidate();
        return true;
    }

另外还写了一个回调方法，在activity中实现。
csdn代码下载地址：http://download.csdn.net/my