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