Android 滑动开关控件

Android 滑动开关控件

• 博客分类： 
• android基础知识

 

效果预览:  
 
 

SlipButton.java 

Java代码    

1. package com.iaiai.activity;  
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.graphics.Rect;  
10. import android.util.AttributeSet;  
11. import android.view.MotionEvent;  
12. import android.view.View;  
13. import android.view.View.OnTouchListener;  
14.   
15.   
16. public class SlipButton extends View implements OnTouchListener {  
17.     public interface OnChangedListener {  
18.         abstract void OnChanged(String strName, boolean CheckState);  
19.     }  
20.   
21.     private String strName;  
22.     private boolean enabled = true;  
23.     public boolean flag = false;// 设置初始化状态  
24.     public boolean NowChoose = false;// 记录当前按钮是否打开,true为打开,flase为关闭  
25.     private boolean OnSlip = false;// 记录用户是否在滑动的变量  
26.     public float DownX = 0f, NowX = 0f;// 按下时的x,当前的x,NowX>100时为ON背景,反之为OFF背景  
27.     private Rect Btn_On, Btn_Off;// 打开和关闭状态下,游标的Rect  
28.   
29.     private boolean isChgLsnOn = false;  
30.     private OnChangedListener ChgLsn;  
31.     private Bitmap bg_on, bg_off, slip_btn;  
32.   
33.     public SlipButton(Context context) {  
34.         super(context);  
35.         init();  
36.     }  
37.   
38.     public SlipButton(Context context, AttributeSet attrs) {  
39.         super(context, attrs);  
40.         init();  
41.     }  
42.   
43.     public void setChecked(boolean fl) {  
44.         if (fl) {  
45.             flag = true;  
46.             NowChoose = true;  
47.             NowX = 80;  
48.         } else {  
49.             flag = false;  
50.             NowChoose = false;  
51.             NowX = 0;  
52.         }  
53.     }  
54.   
55.     public void setEnabled(boolean b) {  
56.         if (b) {  
57.             enabled = true;  
58.         } else {  
59.             enabled = false;  
60.         }  
61.     }  
62.   
63.     private void init() {// 初始化  
64.         // 载入图片资源  
65.         bg_on = BitmapFactory.decodeResource(getResources(), R.drawable.on_btn);  
66.         bg_off = BitmapFactory.decodeResource(getResources(), R.drawable.off_btn);  
67.         slip_btn = BitmapFactory.decodeResource(getResources(), R.drawable.white_btn);  
68.         // 获得需要的Rect数据  
69.         Btn_On = new Rect(0, 0, slip_btn.getWidth(), slip_btn.getHeight());  
70.         Btn_Off = new Rect(bg_off.getWidth() - slip_btn.getWidth(), 0, bg_off.getWidth(), slip_btn.getHeight());  
71.         setOnTouchListener(this);// 设置监听器,也可以直接复写OnTouchEvent  
72.     }  
73.   
74.     @Override  
75.     protected void onDraw(Canvas canvas) {// 绘图函数  
76.         super.onDraw(canvas);  
77.         Matrix matrix = new Matrix();  
78.         Paint paint = new Paint();  
79.         float x;  
80.         {  
81.             if (flag) {  
82.                 NowX = 80;  
83.                 flag = false;  
84.             }// bg_on.getWidth()=71  
85.             if (NowX < (bg_on.getWidth() / 2))// 滑动到前半段与后半段的背景不同,在此做判断  
86.                 canvas.drawBitmap(bg_off, matrix, paint);// 画出关闭时的背景  
87.             else  
88.                 canvas.drawBitmap(bg_on, matrix, paint);// 画出打开时的背景  
89.   
90.             if (OnSlip) {// 是否是在滑动状态,  
91.                 if (NowX >= bg_on.getWidth())// 是否划出指定范围,不能让游标跑到外头,必须做这个判断  
92.                     x = bg_on.getWidth() - slip_btn.getWidth() / 2;// 减去游标1/2的长度...  
93.                 else  
94.                     x = NowX - slip_btn.getWidth() / 2;  
95.             } else {// 非滑动状态  
96.                 if (NowChoose)// 根据现在的开关状态设置画游标的位置  
97.                     x = Btn_Off.left;  
98.                 else  
99.                     x = Btn_On.left;  
100.             }  
101.             if (x < 0)// 对游标位置进行异常判断...  
102.                 x = 0;  
103.             else if (x > bg_on.getWidth() - slip_btn.getWidth())  
104.                 x = bg_on.getWidth() - slip_btn.getWidth();  
105.             canvas.drawBitmap(slip_btn, x, 0, paint);// 画出游标.  
106.         }  
107.     }  
108.   
109.     public boolean onTouch(View v, MotionEvent event) {  
110.         if (!enabled) {  
111.             return false;  
112.         }  
113.         switch (event.getAction()) {// 根据动作来执行代码  
114.         case MotionEvent.ACTION_MOVE:// 滑动  
115.             NowX = event.getX();  
116.             break;  
117.         case MotionEvent.ACTION_DOWN:// 按下  
118.             if (event.getX() > bg_on.getWidth() || event.getY() > bg_on.getHeight())  
119.                 return false;  
120.             OnSlip = true;  
121.             DownX = event.getX();  
122.             NowX = DownX;  
123.             break;  
124.         case MotionEvent.ACTION_UP:// 松开  
125.             OnSlip = false;  
126.             boolean LastChoose = NowChoose;  
127.             if (event.getX() >= (bg_on.getWidth() / 2))  
128.                 NowChoose = true;  
129.             else  
130.                 NowChoose = false;  
131.             if (isChgLsnOn && (LastChoose != NowChoose))// 如果设置了监听器,就调用其方法..  
132.                 ChgLsn.OnChanged(strName, NowChoose);  
133.             break;  
134.         default:  
135.   
136.         }  
137.         invalidate();// 重画控件  
138.         return true;  
139.     }  
140.   
141.     public void SetOnChangedListener(String name, OnChangedListener l) {// 设置监听器,当状态修改的时候  
142.         strName = name;  
143.         isChgLsnOn = true;  
144.         ChgLsn = l;  
145.     }  
146. }  

MainActivity.java  

Java代码