android 滑动的开关按钮

原文地址： http://blog.csdn.net/u010708662/article/details/46010551

一.滑动的开关按钮：

  找到好点的资源总是要分享，下面分享这个源码（需要源码留下邮箱），顺便简单说明一下几个类。

（1）.Rect类：

从上图大概可以看出Rect中四个参数的含义了吧，Rect中还有left,top,right,bottom这四个变量是什么意思呢？

r.left（矩形左边）:通俗说的就是上图中A距离X轴的距离0；

r.top（矩形上边）:通俗说的就是上图中A距离Y轴的距离0；

r.right（矩形右边）:通俗说的就是上图中B距离Y轴的距离50；

r.bottom（矩形底边）:通俗说的就是上图中B距离Y轴的距离50；

（2）.Paint类（画笔）：可以根据自己的需求画出不同颜色和样式的图形和文字。

Paint类主要的方法有：

setAntiAlias：设置画笔的锯齿效果。

setColor：设置画笔的颜色。

setARGB：设置画笔的a，r，p，g值。

setAlpha：设置Alpha值。

setTextSize：设置紫的尺寸。

setStyle：设置画笔的风格，空心或者实心。

（3）.Bitmap类（位图）：可用于获取图像文件信息，进行图像剪切、旋转、缩放等操作，并可以指定图像文件保存操作

getHeight()：获取位图宽度
getWidth()：获取位图高度
createBitmap(Bitmap src)：通过位图资源创建位图实例
createBitmap(Bitmap source, int x, int y, int width, int height)：在指定位置创建位图，可放大缩小位source是位图资源，(x,y)表示位图左上角坐标，width表示位图宽度，height表示位图高度

（4）.Canvas类（画布）：在画布上绘制之外，还需要设置一些关于画布的属性，几个常用方法：

Canvas（）:创建一个空的画布。可以使用setBitmap()方法来设置绘制的具体画布。

Canvas（Bitmap）：以Bitmap对象创建一个画布，则将内容都绘制在Bitmap上，因此Bitmap不能为null。

drawColor：设置Canvas的背景颜色。

clipRect：设置显示区域。

rotate：旋转画布。

（5）.Matrix类：进行图像的操作。

Translate：平移变换
Rotate：旋转变换
Scale：缩放变换
Skew：错切变换

效果图：

主界面：

[java]  view plain copy

1. public class SlipButtonActivity extends Activity {  
2.   
3.     private SlipButton sb = null;  
4.     private Button btn = null;  
5.   
6.     @Override  
7.     public void onCreate(Bundle savedInstanceState) {  
8.         super.onCreate(savedInstanceState);  
9.         setContentView(R.layout.main);  
10.   
11.         initView();  
12.         setListener();  
13.     }  
14.   
15.       
16.     private void setListener() {  
17.         sb.SetOnChangedListener(new OnChangedListener() {  
18.             public void OnChanged(boolean CheckState) {  
19.                 btn.setText(CheckState ? "开启" : "关闭");  
20.             }  
21.         });  
22.     }  
23.   
24.       
25.     private void initView() {  
26.         sb = (SlipButton) findViewById(R.id.splitbutton);  
27.         btn = (Button) findViewById(R.id.ringagain);  
28.         sb.setCheck(true);  
29.     }  
30. }  

布局：

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:background="@drawable/blue_striped_bg"  
6.     android:orientation="vertical" >  
7.   
8.     <RelativeLayout  
9.         android:id="@+id/relativeLayout1"  
10.         android:layout_width="wrap_content"  
11.         android:layout_height="wrap_content"  
12.         android:layout_marginTop="15dip"  
13.         android:padding="5dip" >  
14.   
15.         <Button  
16.             android:id="@+id/ringagain"  
17.             android:layout_width="wrap_content"  
18.             android:layout_height="wrap_content"  
19.             android:layout_centerHorizontal="true"  
20.             android:background="@drawable/clock_list"  
21.             android:clickable="false"  
22.             android:gravity="center_vertical"  
23.             android:padding="10dip"  
24.             android:text="开启"  
25.             android:textColor="@android:color/black"  
26.             android:textSize="18sp" />  
27.   
28.         <com.cn.slipbutton.SlipButton  
29.             android:id="@+id/splitbutton"  
30.             android:layout_width="100dip"  
31.             android:layout_height="40dip"  
32.             android:layout_alignRight="@id/ringagain"  
33.             android:layout_alignTop="@id/ringagain"  
34.             android:layout_marginTop="10dip" />  
35.     </RelativeLayout>  
36.   
37. </LinearLayout>  

自定义view：

[java]  view plain copy

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