View

public class SwitchButton extends View implements OnClickListener, OnTouchListener {
    private Context mContext;
    private Bitmap mSwitchBottom, mSwitchThumb, mSwitchFrame, mSwitchMask;
    private float mCurrentX = 0;
    /**开关状态*/
    private boolean mSwitchOn = true;
    /**最大移动距离*/
    private int mMoveLength;
    /**第一次按下的有效区域*/
    private float mLastX = 0;
    /**绘制的目标区域大小*/
    private Rect mDest = null;
    /**截取源图片的大小*/
    private Rect mSrc = null;
    /**移动的偏移量*/
    private int mDeltX = 0;
    private Paint mPaint = null;
    private OnChangeListener mListener = null;
    private boolean mFlag = false;

    public SwitchButton(Context context) {
        this(context, null);
    }
    public SwitchButton(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }
    public SwitchButton(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        this.mContext = context;
        mSwitchBottom = BitmapFactory.decodeResource(getResources(), R.drawable.switch_bottom);
        mSwitchThumb = BitmapFactory.decodeResource(getResources(), R.drawable.switch_btn_pressed);
        mSwitchFrame = BitmapFactory.decodeResource(getResources(), R.drawable.switch_frame);
        mSwitchMask = ((BitmapDrawable) getResources().getDrawable(R.drawable.switch_mask)).getBitmap();//两种方式都行
        mMoveLength = mSwitchBottom.getWidth() - mSwitchFrame.getWidth();
        mSrc = new Rect();
        mDest = new Rect(0, 0, mSwitchFrame.getWidth(), mSwitchFrame.getHeight());
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setAlpha(255);
        mPaint.setXfermode(new PorterDuffXfermode(Mode.DST_IN));
        setOnClickListener(this);
        setOnTouchListener(this);
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {//这里的大小是写死的,所以布局中任何宽高的设置都是无效的!
        setMeasuredDimension(mSwitchFrame.getWidth(), mSwitchFrame.getHeight());
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        if (mDeltX > 0 || mDeltX == 0 && mSwitchOn) {
            if (mSrc != null) mSrc.set(mMoveLength - mDeltX, 0, mSwitchBottom.getWidth() - mDeltX, mSwitchFrame.getHeight());
        } else if (mDeltX < 0 || mDeltX == 0 && !mSwitchOn) {
            if (mSrc != null) mSrc.set(-mDeltX, 0, mSwitchFrame.getWidth() - mDeltX, mSwitchFrame.getHeight());
        }
        //这儿是离屏缓冲,自己感觉类似双缓冲机制吧
        int count = canvas.saveLayer(new RectF(mDest), null, Canvas.MATRIX_SAVE_FLAG | Canvas.CLIP_SAVE_FLAG | Canvas.HAS_ALPHA_LAYER_SAVE_FLAG
                | Canvas.FULL_COLOR_LAYER_SAVE_FLAG | Canvas.CLIP_TO_LAYER_SAVE_FLAG);
        canvas.drawBitmap(mSwitchBottom, mSrc, mDest, null);
        canvas.drawBitmap(mSwitchThumb, mSrc, mDest, null);
        canvas.drawBitmap(mSwitchFrame, 0, 0, null);
        canvas.drawBitmap(mSwitchMask, 0, 0, mPaint);
        canvas.restoreToCount(count);
    }

    @Override
    //onTouchListener的onTouch优先级比onTouchEvent高,会先触发。若onTouch返回false会接着触发onTouchEvent,反之onTouchEvent方法不会被调用!
    public boolean onTouch(View paramView, MotionEvent paramMotionEvent) {
        return false;//内置诸如click事件的实现等等都基于onTouchEvent,假如onTouch返回true,这些事件将不会被触发
    }
    @Override
    public boolean onTouchEvent(MotionEvent event) {
        switch (event.getAction()) {
        case MotionEvent.ACTION_DOWN:
            mLastX = event.getX();
            break;
        case MotionEvent.ACTION_MOVE:
            mCurrentX = event.getX();
            mDeltX = (int) (mCurrentX - mLastX);
            // 如果开关开着向左滑动,或者开关关着向右滑动(这时候是不需要处理的)
            if ((mSwitchOn && mDeltX < 0) || (!mSwitchOn && mDeltX > 0)) {
                mFlag = true;
                mDeltX = 0;
            }
            if (Math.abs(mDeltX) > mMoveLength) mDeltX = mDeltX > 0 ? mMoveLength : -mMoveLength;
            invalidate();
            return true;
        case MotionEvent.ACTION_UP:
            if (Math.abs(mDeltX) > 0 && Math.abs(mDeltX) < mMoveLength / 2) {
                mDeltX = 0;
                invalidate();
                return true;
            } else if (Math.abs(mDeltX) > mMoveLength / 2 && Math.abs(mDeltX) <= mMoveLength) {
                mDeltX = mDeltX > 0 ? mMoveLength : -mMoveLength;
                mSwitchOn = !mSwitchOn;
                if (mListener != null) mListener.onChange(this, mSwitchOn);
                invalidate();
                mDeltX = 0;
                return true;
            } else if (mDeltX == 0 && mFlag) {
                //这时候得到的是不需要进行处理的,因为已经move过了
                mDeltX = 0;
                mFlag = false;
                return true;
            }
            return super.onTouchEvent(event);
        default:
            break;
        }
        invalidate();
        return super.onTouchEvent(event);
    }

    @Override
    public void onClick(View v) {
        mDeltX = mSwitchOn ? mMoveLength : -mMoveLength;
        mSwitchOn = !mSwitchOn;
        if (mListener != null) mListener.onChange(this, mSwitchOn);
        invalidate();
        mDeltX = 0;
    }

    //自定义的回调
    public interface OnChangeListener {
        public void onChange(SwitchButton sb, boolean state);
    }
    public void setOnChangeListener(OnChangeListener listener) {
        mListener = listener;
    }
}

使用


public class MainActivity extends Activity implements OnChangeListener {
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_mybutton);
        SwitchButton button = new SwitchButton(this);
        button.setOnChangeListener(this);
        ((LinearLayout) findViewById(R.id.root)).addView(button);
    }
    @Override
    public void onChange(SwitchButton sb, boolean state) {
        Toast.makeText(this, "状态:" + state, Toast.LENGTH_SHORT).show();
    }
}

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:id="@+id/root"
    android:orientation="horizontal" >
    <com.bqt.myview.SwitchButton
        android:layout_width="wrap_content"
        android:layout_marginRight="20dp"
        android:layout_height="100dp" />
</LinearLayout>

自定义View-6 状态按钮 滑动 点击的更多相关文章

  1. Android自定义View带有删除按钮的EditText

    转载请注明出处http://blog.csdn.net/xiaanming/article/details/11066685 今天给大家带来一个很实用的小控件ClearEditText,就是在Andr ...

  2. 自定义View系列教程01--常用工具介绍

    站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架(1)- 核心基础 Android多分辨率适配框架(2)- 原理剖析 Android多分辨率适配框架(3)- 使用指南 自定 ...

  3. 自定义View系列教程07--详解ViewGroup分发Touch事件

    深入探讨Android异步精髓Handler 站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架(1)- 核心基础 Android多分辨率适配框架(2)- 原理剖析 Andr ...

  4. iOS 自定义view里实现控制器的跳转

    1.view里实现控制器的modal 拿到主窗口的根控制器,用根控制器进行modal需要的modal的控制器 场景:点击自定义view里的按钮实现控制器的modal UIViewController ...

  5. 推翻自己和过往,重学自定义View

    http://blog.csdn.net/lfdfhl/article/details/51671038 深入探讨Android异步精髓Handler 站在源码的肩膀上全解Scroller工作机制 A ...

  6. 自定义View系列教程05--示例分析

    站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架(1)- 核心基础 Android多分辨率适配框架(2)- 原理剖析 Android多分辨率适配框架(3)- 使用指南 自定 ...

  7. 自定义View系列教程04--Draw源码分析及其实践

    深入探讨Android异步精髓Handler 站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架(1)- 核心基础 Android多分辨率适配框架(2)- 原理剖析 Andr ...

  8. 自定义View系列教程08--滑动冲突的产生及其处理

    深入探讨Android异步精髓Handler 站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架(1)- 核心基础 Android多分辨率适配框架(2)- 原理剖析 Andr ...

  9. 自定义View系列教程06--详解View的Touch事件处理

    深入探讨Android异步精髓Handler 站在源码的肩膀上全解Scroller工作机制 Android多分辨率适配框架(1)- 核心基础 Android多分辨率适配框架(2)- 原理剖析 Andr ...

随机推荐

  1. nat123 与微信公众号开发者测试账号配合调试

    由于公司本身是做互联网 电商行业的,微信也是一个大块,近期开始花费时间在整合,总结自己的经验,看看之前的实现是否有明显的问题. 花了点钱(8块钱)充值了nat123,进行了内网穿透.之前也有使用花生壳 ...

  2. oracle 中 group by 加强

    group by rollup(a,b) = group by a,b + group by a + group by null SQL> select deptno,job,sum(sal) ...

  3. pragram once

    #pragma once   [1]#pragma once这个宏有什么作用? 为了避免同一个文件被include多次,C/C++中有两种宏实现方式:一种是#ifndef方式,一种是#pragma o ...

  4. MySQL触发器之审计功能(转)

    [导读] 最近ITPUB技术论坛特意组织网络性讨论活动,关于数据库审计的话题,分享各自公司如何实现数据库审计.个人经验和构想,以及数据库审计的技巧,刚好有网友发了一个典型的审计需求,要帮他分析,以及教 ...

  5. java-map-EnumMap

    在平常的项目中,enumMap是比较少用到的一种map,一般都不会使用到这种容器,那么我将从如下几个方面来阐述我对enumMap的理解 1.使用场景 在key是比较固定的情况下,使用enumMap是最 ...

  6. tomcat+mysql数据库连接池的操作

    使用tomcat中的context.xml设置连接池 打开文件:Apache Software Foundation\Tomcat 6.0\conf\context.xml <Resource ...

  7. ora-01445 无法从不带保留关键字的表的联接视图中选择 ROWID 或采样

    ora-01445无法从不带保留关键字的表的联接视图中选择 ROWID 或采样 从网上找了很多资料,许多都是没结贴的,说什么的都有,排查了一下sql 发现各个段的left join都没有错误. 有一个 ...

  8. 健身计划_from85to75

    第一天没什么好写的,这半年也没看什么书,就写写未来的规划好了. 当然是从最简单的健身计划开始写咯. 关键词:弹性 目标:减肥,上肢力量 时间:3-4次/周(Thur,Fri,Sat,Sun),1h-1 ...

  9. PERL DBI 自动重连问题

    [root@wx03 mojo]# cat relink.pl use Mojolicious::Lite; use JSON qw/encode_json decode_json/; use Enc ...

  10. 【转】JAVA 读写二进制文件

    原文网址:http://shiminghua234.blog.163.com/blog/static/263912422011619102350866 import java.io.*; /** * ...