android自定義滑動開關控件，適合全部的android系統 《轉載》

   

       android自定義滑動開關控件，適合全部的android系統                        

 

咱們都知道Android4.0以上才帶有滑動開關Switch，那麼在4.0如下呢，不少人會選擇用CheckBox，放兩張圖片，可是這樣子只能點擊，效果不太好，因此我就自定義了滑動開關WiperSwitch這麼一個控件，下面先把截圖貼上吧，這蹩腳的圖片真戳啊，你們能夠本身換三張圖片

[java] view plain copy print ?  

1. package com.example.wiperswitch;  

2.   

3. import android.content.Context;  

4. import android.graphics.Bitmap;  

5. import android.graphics.BitmapFactory;  

6. import android.graphics.Canvas;  

7. import android.graphics.Matrix;  

8. import android.graphics.Paint;  

9. import android.util.AttributeSet;  

10. import android.view.MotionEvent;  

11. import android.view.View;  

12. import android.view.View.OnTouchListener;  

13.   

14. /** 

15.  *  

16.  * @author xiaanming 

17.  * 

18.  */  

19. public class WiperSwitch extends View implements OnTouchListener{  

20.     private Bitmap bg_on, bg_off, slipper_btn;  

21.     /** 

22.      * 按下時的x和當前的x 

23.      */  

24.     private float downX, nowX;  

25.       

26.     /** 

27.      * 記錄用戶是否在滑動 

28.      */  

29.     private boolean onSlip = false;  

30.       

31.     /** 

32.      * 當前的狀態 

33.      */  

34.     private boolean nowStatus = false;  

35.       

36.     /** 

37.      * 監聽接口 

38.      */  

39.     private OnChangedListener listener;  

40.       

41.       

42.     public WiperSwitch(Context context) {  

43.         super(context);  

44.         init();  

45.     }  

46.   

47.     public WiperSwitch(Context context, AttributeSet attrs) {  

48.         super(context, attrs);  

49.         init();  

50.     }  

51.       

52.     public void init(){  

53.         //載入圖片資源  

54.         bg_on = BitmapFactory.decodeResource(getResources(), R.drawable.on_btn);  

55.         bg_off = BitmapFactory.decodeResource(getResources(), R.drawable.off_btn);  

56.         slipper_btn = BitmapFactory.decodeResource(getResources(), R.drawable.white_btn);  

57.           

58.         setOnTouchListener(this);  

59.     }  

60.       

61.     protected void onDraw(Canvas canvas) {  

62.         super.onDraw(canvas);  

63.         Matrix matrix = new Matrix();  

64.         Paint paint = new Paint();  

65.         float x = 0;  

66.           

67.         //根據nowX設置背景，開或者關狀態  

68.         if (nowX < (bg_on.getWidth()/2)){  

69.             canvas.drawBitmap(bg_off, matrix, paint);//畫出關閉時的背景  

70.         }else{  

71.             canvas.drawBitmap(bg_on, matrix, paint);//畫出打開時的背景   

72.         }  

73.           

74.         if (onSlip) {//是不是在滑動狀態,    

75.             if(nowX >= bg_on.getWidth())//是否劃出指定範圍,不能讓滑塊跑到外頭,必須作這個判斷  

76.                 x = bg_on.getWidth() - slipper_btn.getWidth()/2;//減去滑塊1/2的長度  

77.             else  

78.                 x = nowX - slipper_btn.getWidth()/2;  

79.         }else {  

80.             if(nowStatus){//根據當前的狀態設置滑塊的x值  

81.                 x = bg_on.getWidth() - slipper_btn.getWidth();  

82.             }else{  

83.                 x = 0;  

84.             }  

85.         }  

86.           

87.         //對滑塊滑動進行異常處理，不能讓滑塊出界  

88.         if (x < 0 ){  

89.             x = 0;  

90.         }  

91.         else if(x > bg_on.getWidth() - slipper_btn.getWidth()){  

92.             x = bg_on.getWidth() - slipper_btn.getWidth();  

93.         }  

94.           

95.         //畫出滑塊  

96.         canvas.drawBitmap(slipper_btn, x , 0, paint);   

97.     }  

98.   

99.     @Override  

100.     public boolean onTouch(View v, MotionEvent event) {  

101.         switch(event.getAction()){  

102.         case MotionEvent.ACTION_DOWN:{  

103.             if (event.getX() > bg_off.getWidth() || event.getY() > bg_off.getHeight()){  

104.                 return false;  

105.             }else{  

106.                 onSlip = true;  

107.                 downX = event.getX();  

108.                 nowX = downX;  

109.             }  

110.             break;  

111.         }  

112.         case MotionEvent.ACTION_MOVE:{  

113.             nowX = event.getX();  

114.             break;  

115.         }  

116.         case MotionEvent.ACTION_UP:{  

117.             onSlip = false;  

118.             if(event.getX() >= (bg_on.getWidth()/2)){  

119.                 nowStatus = true;  

120.                 nowX = bg_on.getWidth() - slipper_btn.getWidth();  

121.             }else{  

122.                 nowStatus = false;  

123.                 nowX = 0;  

124.             }  

125.               

126.             if(listener != null){  

127.                 listener.OnChanged(WiperSwitch.this, nowStatus);  

128.             }  

129.             break;  

130.         }  

131.         }  

132.         //刷新界面  

133.         invalidate();  

134.         return true;  

135.     }  

136.       

137.       

138.       

139.     /** 

140.      * 爲WiperSwitch設置一個監聽，供外部調用的方法 

141.      * @param listener 

142.      */  

143.     public void setOnChangedListener(OnChangedListener listener){  

144.         this.listener = listener;  

145.     }  

146.       

147.       

148.     /** 

149.      * 設置滑動開關的初始狀態，供外部調用 

150.      * @param checked 

151.      */  

152.     public void setChecked(boolean checked){  

153.         if(checked){  

154.             nowX = bg_off.getWidth();  

155.         }else{  

156.             nowX = 0;  

157.         }  

158.         nowStatus = checked;  

159.     }  

160.   

161.       

162.     /** 

163.      * 回調接口 

164.      * @author len 

165.      * 

166.      */  

167.     public interface OnChangedListener {  

168.         public void OnChanged(WiperSwitch wiperSwitch, boolean checkState);  

169.     }  

170.   

171.   

172. }  

package com.example.wiperswitch;

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.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;

/**
 * 
 * @author xiaanming
 *
 */
public class WiperSwitch extends View implements OnTouchListener{
	private Bitmap bg_on, bg_off, slipper_btn;
	/**
	 * 按下時的x和當前的x
	 */
	private float downX, nowX;
	
	/**
	 * 記錄用戶是否在滑動
	 */
	private boolean onSlip = false;
	
	/**
	 * 當前的狀態
	 */
	private boolean nowStatus = false;
	
	/**
	 * 監聽接口
	 */
	private OnChangedListener listener;
	
	
	public WiperSwitch(Context context) {
		super(context);
		init();
	}

	public WiperSwitch(Context context, AttributeSet attrs) {
		super(context, attrs);
		init();
	}
	
	public void init(){
		//載入圖片資源
		bg_on = BitmapFactory.decodeResource(getResources(), R.drawable.on_btn);
		bg_off = BitmapFactory.decodeResource(getResources(), R.drawable.off_btn);
		slipper_btn = BitmapFactory.decodeResource(getResources(), R.drawable.white_btn);
		
		setOnTouchListener(this);
	}
	
	protected void onDraw(Canvas canvas) {
		super.onDraw(canvas);
		Matrix matrix = new Matrix();
		Paint paint = new Paint();
		float x = 0;
		
		//根據nowX設置背景，開或者關狀態
		if (nowX < (bg_on.getWidth()/2)){
			canvas.drawBitmap(bg_off, matrix, paint);//畫出關閉時的背景
		}else{
			canvas.drawBitmap(bg_on, matrix, paint);//畫出打開時的背景 
		}
		
		if (onSlip) {//是不是在滑動狀態,  
			if(nowX >= bg_on.getWidth())//是否劃出指定範圍,不能讓滑塊跑到外頭,必須作這個判斷
				x = bg_on.getWidth() - slipper_btn.getWidth()/2;//減去滑塊1/2的長度
			else
				x = nowX - slipper_btn.getWidth()/2;
		}else {
			if(nowStatus){//根據當前的狀態設置滑塊的x值
				x = bg_on.getWidth() - slipper_btn.getWidth();
			}else{
				x = 0;
			}
		}
		
		//對滑塊滑動進行異常處理，不能讓滑塊出界
		if (x < 0 ){
			x = 0;
		}
		else if(x > bg_on.getWidth() - slipper_btn.getWidth()){
			x = bg_on.getWidth() - slipper_btn.getWidth();
		}
		
		//畫出滑塊
		canvas.drawBitmap(slipper_btn, x , 0, paint); 
	}

	@Override
	public boolean onTouch(View v, MotionEvent event) {
		switch(event.getAction()){
		case MotionEvent.ACTION_DOWN:{
			if (event.getX() > bg_off.getWidth() || event.getY() > bg_off.getHeight()){
				return false;
			}else{
				onSlip = true;
				downX = event.getX();
				nowX = downX;
			}
			break;
		}
		case MotionEvent.ACTION_MOVE:{
			nowX = event.getX();
			break;
		}
		case MotionEvent.ACTION_UP:{
			onSlip = false;
			if(event.getX() >= (bg_on.getWidth()/2)){
				nowStatus = true;
				nowX = bg_on.getWidth() - slipper_btn.getWidth();
			}else{
				nowStatus = false;
				nowX = 0;
			}
			
			if(listener != null){
				listener.OnChanged(WiperSwitch.this, nowStatus);
			}
			break;
		}
		}
		//刷新界面
		invalidate();
		return true;
	}
	
	
	
	/**
	 * 爲WiperSwitch設置一個監聽，供外部調用的方法
	 * @param listener
	 */
	public void setOnChangedListener(OnChangedListener listener){
		this.listener = listener;
	}
	
	
	/**
	 * 設置滑動開關的初始狀態，供外部調用
	 * @param checked
	 */
	public void setChecked(boolean checked){
		if(checked){
			nowX = bg_off.getWidth();
		}else{
			nowX = 0;
		}
		nowStatus = checked;
	}

	
    /**
     * 回調接口
     * @author len
     *
     */
	public interface OnChangedListener {
		public void OnChanged(WiperSwitch wiperSwitch, boolean checkState);
	}


}

用法是，先定義XML文件

[html] view plain copy print ?  

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  

2.     xmlns:tools="http://schemas.android.com/tools"  

3.     android:layout_width="match_parent"  

4.     android:layout_height="match_parent" >  

5.   

6.     <com.example.wiperswitch.WiperSwitch  

7.         android:id="@+id/wiperSwitch1"  

8.         android:layout_width="wrap_content"  

9.         android:layout_height="wrap_content" />  

10.   

11.   

12. </RelativeLayout>  

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <com.example.wiperswitch.WiperSwitch
        android:id="@+id/wiperSwitch1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />


</RelativeLayout>

新建一個Activity

[java] view plain copy print ?  

1. package com.example.wiperswitch;  

2.   

3.   

4. import android.app.Activity;  

5. import android.os.Bundle;  

6. import android.util.Log;  

7.   

8. import com.example.wiperswitch.WiperSwitch.OnChangedListener;  

9.   

10. public class MainActivity extends Activity implements OnChangedListener {  

11.   

12.     @Override  

13.     public void onCreate(Bundle savedInstanceState) {  

14.         super.onCreate(savedInstanceState);  

15.         setContentView(R.layout.activity_main);  

16.         //實例化WiperSwitch  

17.         WiperSwitch wiperSwitch = (WiperSwitch)findViewById(R.id.wiperSwitch1);  

18.           

19.         //設置初始狀態爲false  

20.         wiperSwitch.setChecked(false);  

21.           

22.         //設置監聽  

23.         wiperSwitch.setOnChangedListener(this);  

24.     }  

25.   

26.   

27.     @Override  

28.     public void OnChanged(WiperSwitch wiperSwitch, boolean checkState) {  

29.         Log.e("log", "" + checkState);  

30.     }  

31.   

32.   

33. }  

package com.example.wiperswitch;


import android.app.Activity;
import android.os.Bundle;
import android.util.Log;

import com.example.wiperswitch.WiperSwitch.OnChangedListener;

public class MainActivity extends Activity implements OnChangedListener {

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		//實例化WiperSwitch
		WiperSwitch wiperSwitch = (WiperSwitch)findViewById(R.id.wiperSwitch1);
		
		//設置初始狀態爲false
		wiperSwitch.setChecked(false);
		
		//設置監聽
		wiperSwitch.setOnChangedListener(this);
	}


	@Override
	public void OnChanged(WiperSwitch wiperSwitch, boolean checkState) {
		Log.e("log", "" + checkState);
	}


}

代碼所有上完了，寫的很差的地方歡迎大牛指點！

哦，忘記了還有三張蹩腳的圖片沒傳

 轉載   http://blog.csdn.net/xiaanming/article/details/8842453/