android滑动按钮事件

 今天纪录一下滑动按钮功能。。

首先效果图：

然后是分别建立三个文件，第一个是main.class，第二个是SlipButton.class,第三个是 onchangeListener.class

main.class

import android.app.Activity;import android.os.Bundle;import android.widget.Toast;public class Main extends Activity implements OnChangedListener { /** Called when the activity is first created. */ @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.main); SlipButton myBtn =(SlipButton) findViewById(R.id.slipBtn);//获得指定控件 myBtn.SetOnChangedListener(this);//为控件设置监听器 }@Overridepublic void OnChanged(boolean CheckState) {//当按钮状态被改变时// TODO Auto-generated method stubif(CheckState)Toast.makeText(this,"打开了..." , Toast.LENGTH_SHORT).show();elseToast.makeText(this,"关闭了..." , Toast.LENGTH_SHORT).show();}}

SlipButton.class

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 SlipButton extends View implements OnTouchListener{private boolean NowChoose = false;//记录当前按钮是否打开,true为打开,flase为关闭private boolean OnSlip = false;//记录用户是否在滑动的变量private float DownX,NowX;//按下时的x,当前的x,private Rect Btn_On,Btn_Off;//打开和关闭状态下,游标的Rectprivate boolean isChgLsnOn = false;private OnChangedListener ChgLsn;private Bitmap bg_on,bg_off,slip_btn;public SlipButton(Context context) {super(context);// TODO Auto-generated constructor stubinit();}public SlipButton(Context context, AttributeSet attrs) {super(context, attrs);// TODO Auto-generated constructor stubinit();}private void init(){//初始化//载入图片资源bg_on = BitmapFactory.decodeResource(getResources(), R.drawable.slip_bg_on);bg_off = BitmapFactory.decodeResource(getResources(), R.drawable.slip_bg_off);slip_btn = BitmapFactory.decodeResource(getResources(), R.drawable.slip_btn);//获得需要的Rect数据Btn_On = new Rect(0,0,slip_btn.getWidth(),slip_btn.getHeight());Btn_Off = new Rect(bg_off.getWidth()-slip_btn.getWidth(),0,bg_off.getWidth(),slip_btn.getHeight());setOnTouchListener(this);//设置监听器,也可以直接复写OnTouchEvent}@Overrideprotected void onDraw(Canvas canvas) {//绘图函数// TODO Auto-generated method stubsuper.onDraw(canvas);Matrix matrix = new Matrix();Paint paint = new Paint();float x;{if(NowX<(bg_on.getWidth()/2))//滑动到前半段与后半段的背景不同,在此做判断canvas.drawBitmap(bg_off,matrix, paint);//画出关闭时的背景elsecanvas.drawBitmap(bg_on,matrix, paint);//画出打开时的背景if(OnSlip)//是否是在滑动状态,{if(NowX >= bg_on.getWidth())//是否划出指定范围,不能让游标跑到外头,必须做这个判断x = bg_on.getWidth()-slip_btn.getWidth()/2;//减去游标1/2的长度...elsex = NowX - slip_btn.getWidth()/2;}else{//非滑动状态if(NowChoose)//根据现在的开关状态设置画游标的位置x = Btn_Off.left;elsex = Btn_On.left;}if(x<0)//对游标位置进行异常判断...x = 0;else if(x>bg_on.getWidth()-slip_btn.getWidth())x = bg_on.getWidth()-slip_btn.getWidth();canvas.drawBitmap(slip_btn,x, 0, paint);//画出游标.}}@Overridepublic boolean onTouch(View v, MotionEvent event) {// TODO Auto-generated method stubswitch(event.getAction())//根据动作来执行代码{case MotionEvent.ACTION_MOVE://滑动NowX = event.getX();break;case MotionEvent.ACTION_DOWN://按下if(event.getX()>bg_on.getWidth()||event.getY()>bg_on.getHeight()) return false;OnSlip = true;DownX = event.getX();NowX = DownX;break;case MotionEvent.ACTION_UP://松开OnSlip = false;boolean LastChoose = NowChoose;if(event.getX()>=(bg_on.getWidth()/2))NowChoose = true;elseNowChoose = false;if(isChgLsnOn&&(LastChoose!=NowChoose))//如果设置了监听器,就调用其方法..ChgLsn.OnChanged(NowChoose);break;default:}invalidate();//重画控件return true;}public void SetOnChangedListener(OnChangedListener l){//设置监听器,当状态修改的时候isChgLsnOn = true;ChgLsn = l;}}

 

 onchangeListener.class

package CMD100.demo.slipButton;public interface OnChangedListener {abstract void OnChanged(boolean CheckState);}

main.xml代码

 

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" ><TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello" /><LinearLayoutandroid:orientation = "horizontal"android:layout_width = "fill_parent"android:layout_height = "wrap_content"android:background = "#ff0000"><TextViewandroid:text = "测试:"android:layout_width = "wrap_content"android:layout_height = "wrap_content"/> <CMD100.demo.slipButton.SlipButtonandroid:id = "@+id/slipBtn"android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft = "10sp" /></LinearLayout></LinearLayout>

 

注意：在xml里头要放置的位置

<[包名].SlipButton
        android:id = "@+id/slipBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        />

然后可以像其他控件一样使用了...

SlipButton myBtn =(SlipButton) findViewById(R.id.slipBtn);
myBtn.SetOnChangedListener(...);

代码到这里就全部完成了。

原创作者是：zcmmwbd