android 自定义滑动按钮

第一接触公司项目就让我画页面,而且还涉及到我最讨厌的自定义view  但是没办法,讨厌也必须要做啊,经过百度上资源的查找,终于写出了一个滑动控件。废话不多说,上代码。

package com.etong.cpms.widget;

import com.etong.cpms.activity.R;

import android.content.Context;  
import android.graphics.Bitmap;  
import android.graphics.BitmapFactory;  
import android.graphics.Canvas;  
import android.graphics.Color;
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;

public class WiperSwitch extends View implements OnTouchListener{  
    private Bitmap bg_on, bg_off, slipper_btn;  
    private String mOnText = "打开";
    private String mOffText = "关闭";
    /**
     * 按下时的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.switch_bkg_switch1);  
        bg_off = BitmapFactory.decodeResource(getResources(), R.drawable.switch_bkg_switch1);  
        slipper_btn = BitmapFactory.decodeResource(getResources(), R.drawable.switch_btn_slip1);  
        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);//画出关闭时的背景
              paint.setColor(Color.WHITE);
              paint.setFakeBoldText(true);
              paint.setTextSize(40);
              canvas.drawText(mOffText, (bg_off.getWidth()-slipper_btn.getWidth())/2, (bg_off.getHeight()+30)/2, paint);
        }else{  
            canvas.drawBitmap(bg_on, matrix, paint);//画出打开时的背景   
            canvas.drawBitmap(bg_on, matrix, paint);//画出打开时的背景   
            paint.setColor(Color.WHITE);
            paint.setFakeBoldText(true);
            paint.setTextSize(40);
            canvas.drawText(mOnText,(bg_on.getWidth()-slipper_btn.getWidth())/2, (bg_on.getHeight()+30)/2, 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);  
    }  
 
 
}

时间: 2024-10-19 02:05:09

android 自定义滑动按钮的相关文章

Android自定义滑动开关按钮

一.效果图 二.主要技术点 1.自定义View 2.自定义属性 三.自定义控件的步骤 1.自定义类继承自View或View的子类: 2.重写构造方法 (1)MyView(Context);  // 在代码中new 对象时调用此方法 (2)MyView(Context,AttributeSet);  // 在XML布局文件中声明此View,创建对象时,由系统自动调用 (3)MyView(Context,AttributeSet,int);  // 与方法2用法一样,只是多了一个参数:默认样式 3.

Android自定义Button按钮显示样式 转http://my.oschina.net/amigos/blog/63009

首先写一个定义Button样式的XML文件: 新建Android XML文件,类型选Drawable,根结点选selector,文件名就buton_style吧 ? 1 2 3 4 5 6 <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android">     <i

android 自定义带按钮的Notification及点击事件和伸缩通知栏

1.自定义一个带按钮的Notification布局:layout_notification: 2.创建Notification: RemoteViews views = new RemoteViews(getPackageName(),R.layout.layout_nitification); //自定义的布局视图 //按钮点击事件: PendingIntent homeIntent = PengdingIntent.getBroadcast(this,1,new Intent("action

Android自定义Button按钮显示样式

关于listview和button都要改变android原来控件的背景,在网上查找了一些资料不是很全,所以现在总结一下android的selector的用法. 首先android的selector是在drawable/xxx.xml中配置的. 先看一下listview中的状态: 把下面的XML文件保存成你自己命名的.xml文件(比如list_item_bg.xml),在系统使用时根据ListView中的列表项的状态来使用相应的背景图片. drawable/list_item_bg.xml <?x

Android自定义磁贴按钮tile

利用该控件可以实现"去啊"."携程"的卡片式效果,支持点击后缩放动画. http://www.see-source.com/androidwidget/list.html

android 自定义adapter和线程结合 + ListView中按钮滑动后状态丢失解决办法

adapter+线程 1.很多时候自定义adapter的数据都是来源于服务器的,所以在获取服务器的时候就需要异步获取,这里就需要开线程了(线程池)去获取服务器的数据了.但这样有的时候adapter的中没有数据. 如下面的代码: 这就是在initData中异步获取服务器的数据,然后实例化adatper,再将adapter赋给listView. 2.initData()中的代码是: 这里线程要睡眠5秒钟,是为了模仿网络的耗时操作 3.Handler: 在Handler中接收到数据后给list赋值后,

android自定义View-------滑动按钮

源码和测试例子已经放到github https://github.com/Leaking/SlideSwitch 效果图如下,传不了gif图片,暂且截一个静态图片.其中按钮滑动时颜色有渐变效果. 先说说大概思路:按钮绘制了三个图层,最下面是覆盖整个View的灰色,第二个是覆盖整个View的自定义的颜色,它可以改变透明度.第三个是白色.当白色部分移动时,修改第二个图层的透明度即可. 大概记录一下重写一个组件的实现过程. 1,定义属性 2,,在Java代码中的构造器获取属性的值 3,重写onMeas

Android 自定义 HorizontalScrollView 打造再多图片(控件)也不怕 OOM 的横向滑动效果

转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38140505 自从Gallery被谷歌废弃以后,Google推荐使用ViewPager和HorizontalScrollView来实现Gallery的效果.的确HorizontalScrollView可以实现Gallery的效果,但是HorizontalScrollView存在一个很大的问题,如果你仅是用来展示少量的图片,应该是没问题的,但是如果我希望HorizontalScr

Android 自定义UI圆角按钮

Android实际开发中我们一般需要圆角的按钮,一般情况下我们可以让美工做出来相应的按钮图片,然后放上去即可,另外我们可以在布局文件中直接设置,也可以达到一样的效果.下面讲解在布局文件中自定义圆角按钮的小Demo. 代码很简单,实现效果图: 源代码: 源代码: 这里主要是xml布局文件实现: MainActivity: package com.android_drawableresource; import android.app.Activity; import android.os.Bund