android滑动开关自己实现

主要思路就是使用两张图片，当用户按钮按钮的图片的时候，滑动到左右的图片之后，就会产生位置的偏差，这个时候就可以切换图片的位置即可

上代码：

View的界面类：

package com.ljz.ps.view;


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_Btu;

//当前位置，手指按下水平位置
private float currenX,previousX;

//是否正在滑动
private boolean isSlipping = false;

//当前滑动开关状态
private boolean isSwitchState = false;

//按钮开启
private Rect on_Rect;

//按钮关闭
private Rect off_Rect;

//滑动事件响应接口
private OnSwitchListener onSwitchListener;
//是否开启滑动事件响应
private boolean isOnswichListener = false;



/**
* 类的构造方法
* @param context
*/
public MySlipSwitch(Context context)
{
super(context);
//注册开启事件
setOnTouchListener(this);
}

public MySlipSwitch(Context context, AttributeSet attrs)
{
super(context, attrs);
//注册开启事件
setOnTouchListener(this);
}



/**
* @param onSwitchListener
* @description 注册响应事件
* @version 1.0
* @author ljz
* @update 2012-5-3 下午8:36:13
* @throws
*/
public void setOnSwitchListener( OnSwitchListener onSwitchListener )
{
this.onSwitchListener = onSwitchListener;
isOnswichListener = true;
}


/**
* @param switchOnBkg
* @param switchOffBkg
* @param slipBtn
* @description 设置资源文件和开关按钮初始化
* @version 1.0
* @author ljz
* @update 2012-5-3 下午8:37:42
* @throws
*/
public void setImageResource(int switchOnBkg, int switchOffBkg,int slipBtn)
{
//开启按钮、关闭按钮、按钮
switch_on_BKG = BitmapFactory.decodeResource(getResources(), switchOnBkg);
switch_off_BKG = BitmapFactory.decodeResource(getResources(), switchOffBkg);
slip_Btu = BitmapFactory.decodeResource(getResources(), slipBtn);

//开启按钮是所在位置的矩形(左)
on_Rect = new Rect( 0, 0, slip_Btu.getWidth(), slip_Btu.getHeight());

//关闭按钮是所在位置的矩形（右）
off_Rect = new Rect(slip_Btu.getWidth(), 0, switch_on_BKG.getWidth(), switch_on_BKG.getHeight());
}


//获得当前滑动开关状态
public boolean getSwitchState()
{
return isSwitchState;
}


//设置当前滑动开关状态,并且刷新界面
public void setSwitchState(boolean isSwitchState)
{
this.isSwitchState = isSwitchState;
invalidate();
}


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

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

//画出开关
canvas.drawBitmap(switch_on_BKG, matrix, paint);

// System.out.println("------------你没！！！！！------------------");
// System.out.println("switch_on_BKG.getWidth()="+switch_on_BKG.getWidth());
// System.out.println("switch_on_BKG.getHeight()="+switch_on_BKG.getHeight());
// System.out.println("------------你没！！！！！------------------");

// 滑动按钮的左边坐标
float left_SlipBtn;
if( isSlipping )
{
//正在滑动
if( currenX > switch_off_BKG.getWidth() )
{
left_SlipBtn = switch_on_BKG.getWidth() - slip_Btu.getWidth();
}
else
{
left_SlipBtn =  currenX - slip_Btu.getWidth() / 2;
}
}
else
{
// 根据当前的开关状态设置滑动按钮的位置
if (isSwitchState)
{
left_SlipBtn = on_Rect.left;

}
else
{
left_SlipBtn = off_Rect.left;
}
// System.out.println("left_SlipBtn = " + left_SlipBtn);
}
// 对滑动按钮的位置进行异常判断
if (left_SlipBtn < 0)
{
left_SlipBtn = 0;
}
else if (left_SlipBtn > switch_on_BKG.getWidth() - slip_Btu.getWidth())
{
left_SlipBtn = switch_on_BKG.getWidth() - slip_Btu.getWidth();
}
canvas.drawBitmap(slip_Btu, left_SlipBtn, 0, paint);
}


//响应OnTouchListener的事件，用户处理滑动、按下、松开的事件
public boolean onTouch(View v, MotionEvent event)
{
switch (event.getAction())
{
//按下
case MotionEvent.ACTION_DOWN:
previousX = event.getX();
currenX = previousX;
isSlipping = true;
break;

//移动
case MotionEvent.ACTION_MOVE:
currenX = event.getX();
break;

//松开
case MotionEvent.ACTION_UP:
isSlipping = false;
// 松开前开关的状态
boolean previousSwitchState = isSwitchState;
if( event.getX() >= (switch_off_BKG.getWidth()/2)  )
{
isSwitchState = false;
}
else
{
isSwitchState = true;
}
// System.out.println("isSwitchState =" + isSwitchState );
// System.out.println("isOnswichListener =" + isOnswichListener );
// System.out.println("previousSwitchState =" + previousSwitchState );
//如果有监听就实现监听
if( isOnswichListener && previousSwitchState != isSwitchState )
{
// System.out.println("???1" );
onSwitchListener.setSwitcListner(isSwitchState);
// System.out.println("???2" );
}
break;
}
invalidate();
return true;
}


@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
{
//系统调用，告诉父元素，这个UI组件的大小
setMeasuredDimension(switch_off_BKG.getWidth(), switch_off_BKG.getHeight());
}



/**
* @description 状态发生改变的处理方法
* @version 1.0
* @author ljz
* @update 2012-5-3 下午8:30:17
*/
public interface OnSwitchListener
{
/**
* @param onSwitch
* @description 实现这个接口，就可以实现这个UI组件的事件响应
* @version 1.0
* @author ljz
* @update 2012-5-3 下午8:30:38
* @throws
*/
public abstract void setSwitcListner( boolean isSwitch );
}
}

使用:

在界面布局文件上面：

<com.ljz.ps.view.MySlipSwitch
   android:id="@+id/main_myslipswitch"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
   />

代码里面：

//初始化滑动开关
MySlipSwitch slipSwitch = (MySlipSwitch)findViewById(R.id.main_myslipswitch);
slipSwitch.setSwitchState(true);

                //加载图片:第一、第二个一致，第三哥是按钮的滑快
slipSwitch.setImageResource(R.drawable.btu_backgroud1,R.drawable.btu_backgroud1 ,R.drawable.btu_slip);
slipSwitch.setOnSwitchListener(new OnSwitchListener()
{
public void setSwitcListner(boolean isSwitch)
{
if (isSwitch)
{
//代表显示课程
// Toast.makeText(MainFrameActivity.this, "显示课程", 300).show();
g_flag = true;
//响应
changeListModel();
}
else
{
//代表显示事务
// Toast.makeText(MainFrameActivity.this, "显示事务", 300).show();
g_flag = false;
//响应
changeListModel();
}
// System.out.println("flag"+g_flag);
}
});