安卓自定义开关控件

我们都知道Android4.0以上才带有滑动开关Switch，那么在4.0以下呢，很多人会选择用CheckBox，放两张图片，但是这样子只 能点击，效果不太好，所以我就自定义了滑动开关WiperSwitch这么一个控件，下面先把截图贴上吧，这蹩脚的图片真戳啊，大家可以自己换三张图片

[java] view plain copy

1. package com.example.wiperswitch;
2. import android.content.Context;
3. import android.graphics.Bitmap;
4. import android.graphics.BitmapFactory;
5. import android.graphics.Canvas;
6. import android.graphics.Matrix;
7. import android.graphics.Paint;
8. import android.util.AttributeSet;
9. import android.view.MotionEvent;
10. import android.view.View;
11. import android.view.View.OnTouchListener;
12. /**
13. *
14. * @author xiaanming
15. *
16. */
17. public class WiperSwitch extends View implements OnTouchListener{
18. private Bitmap bg_on, bg_off, slipper_btn;
19. /**
20. * 按下时的x和当前的x
21. */
22. private float downX, nowX;
23. /**
24. * 记录用户是否在滑动
25. */
26. private boolean onSlip = false;
27. /**
28. * 当前的状态
29. */
30. private boolean nowStatus = false;
31. /**
32. * 监听接口
33. */
34. private OnChangedListener listener;
35. public WiperSwitch(Context context) {
36. super(context);
37. init();
38. }
39. public WiperSwitch(Context context, AttributeSet attrs) {
40. super(context, attrs);
41. init();
42. }
43. public void init(){
44. //载入图片资源
45. bg_on = BitmapFactory.decodeResource(getResources(), R.drawable.on_btn);
46. bg_off = BitmapFactory.decodeResource(getResources(), R.drawable.off_btn);
47. slipper_btn = BitmapFactory.decodeResource(getResources(), R.drawable.white_btn);
48. setOnTouchListener(this);
49. }
50. protected void onDraw(Canvas canvas) {
51. super.onDraw(canvas);
52. Matrix matrix = new Matrix();
53. Paint paint = new Paint();
54. float x = 0;
55. //根据nowX设置背景，开或者关状态
56. if (nowX < (bg_on.getWidth()/2)){
57. canvas.drawBitmap(bg_off, matrix, paint);//画出关闭时的背景
58. }else{
59. canvas.drawBitmap(bg_on, matrix, paint);//画出打开时的背景
60. }
61. if (onSlip) {//是否是在滑动状态,
62. if(nowX >= bg_on.getWidth())//是否划出指定范围,不能让滑块跑到外头,必须做这个判断
63. x = bg_on.getWidth() - slipper_btn.getWidth()/2;//减去滑块1/2的长度
64. else
65. x = nowX - slipper_btn.getWidth()/2;
66. }else {
67. if(nowStatus){//根据当前的状态设置滑块的x值
68. x = bg_on.getWidth() - slipper_btn.getWidth();
69. }else{
70. x = 0;
71. }
72. }
73. //对滑块滑动进行异常处理，不能让滑块出界
74. if (x < 0 ){
75. x = 0;
76. }
77. else if(x > bg_on.getWidth() - slipper_btn.getWidth()){
78. x = bg_on.getWidth() - slipper_btn.getWidth();
79. }
80. //画出滑块
81. canvas.drawBitmap(slipper_btn, x , 0, paint);
82. }
83. @Override
84. public boolean onTouch(View v, MotionEvent event) {
85. switch(event.getAction()){
86. case MotionEvent.ACTION_DOWN:{
87. if (event.getX() > bg_off.getWidth() || event.getY() > bg_off.getHeight()){
88. return false;
89. }else{
90. onSlip = true;
91. downX = event.getX();
92. nowX = downX;
93. }
94. break;
95. }
96. case MotionEvent.ACTION_MOVE:{
97. nowX = event.getX();
98. break;
99. }
100. case MotionEvent.ACTION_UP:{
101. onSlip = false;
102. if(event.getX() >= (bg_on.getWidth()/2)){
103. nowStatus = true;
104. nowX = bg_on.getWidth() - slipper_btn.getWidth();
105. }else{
106. nowStatus = false;
107. nowX = 0;
108. }
109. if(listener != null){
110. listener.OnChanged(WiperSwitch.this, nowStatus);
111. }
112. break;
113. }
114. }
115. //刷新界面
116. invalidate();
117. return true;
118. }
119. /**
120. * 为WiperSwitch设置一个监听，供外部调用的方法
121. * @param listener
122. */
123. public void setOnChangedListener(OnChangedListener listener){
124. this.listener = listener;
125. }
126. /**
127. * 设置滑动开关的初始状态，供外部调用
128. * @param checked
129. */
130. public void setChecked(boolean checked){
131. if(checked){
132. nowX = bg_off.getWidth();
133. }else{
134. nowX = 0;
135. }
136. nowStatus = checked;
137. }
138. /**
139. * 回调接口
140. * @author len
141. *
142. */
143. public interface OnChangedListener {
144. public void OnChanged(WiperSwitch wiperSwitch, boolean checkState);
145. }
146. }

用法是，先定义XML文件

[html] view plain copy

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. <com.example.wiperswitch.WiperSwitch
6. android:id="@+id/wiperSwitch1"
7. android:layout_width="wrap_content"
8. android:layout_height="wrap_content" />
9. </RelativeLayout>

新建一个Activity

[java] view plain copy

1. package com.example.wiperswitch;
2. import android.app.Activity;
3. import android.os.Bundle;
4. import android.util.Log;
5. import com.example.wiperswitch.WiperSwitch.OnChangedListener;
6. public class MainActivity extends Activity implements OnChangedListener {
7. @Override
8. public void onCreate(Bundle savedInstanceState) {
9. super.onCreate(savedInstanceState);
10. setContentView(R.layout.activity_main);
11. //实例化WiperSwitch
12. WiperSwitch wiperSwitch = (WiperSwitch)findViewById(R.id.wiperSwitch1);
13. //设置初始状态为false
14. wiperSwitch.setChecked(false);
15. //设置监听
16. wiperSwitch.setOnChangedListener(this);
17. }
18. @Override
19. public void OnChanged(WiperSwitch wiperSwitch, boolean checkState) {
20. Log.e("log", "" + checkState);
21. }
22. }

代码全部上完了，写的不好的地方欢迎大牛指点！

哦，忘记了还有三张蹩脚的图片没传