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(00, 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. }  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值