自定义滑动开关

1.布局文件

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:health="http://schemas.android.com/apk/res/com.health.myswitch"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
   
    android:orientation="vertical" >

    <com.health.myswitch.MySwith
        android:id="@+id/MySwith"       
        android:layout_centerInParent="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
         health:isOpen = "false"
         health:slideSrc = "@drawable/ic_launcher"
         />

</RelativeLayout>

2.写一个类继承 MySwith extends View

package com.health.myswitch;
import android.content.Context;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;

public class MySwith extends View {

    private int bitmapHeight;
    private Bitmap bitmap;
    private Paint paint;

    private int bitmapWidth; // 开关的
    private Bitmap slideBitmap; // 滑块的宽度
    private int mMaxLeft; // 距离左边的最大距离 即为右滑的最大距离

    private int mCurrentLeft; // 距离左边的当前距离

    private boolean isOpen;
    private boolean isClick ;
    private float totaldx;
    
    private static final String namespace ="http://schemas.android.com/apk/res/com.health.myswitch";

    public MySwith(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        initData();
        // 两种方式
        
         isOpen = attrs.getAttributeBooleanValue(namespace, "isOpen", false);
        slideSrc = attrs.getAttributeResourceValue(namespace, "slideSrc", 0);        
        System.out.println("isOpen=" + isOpen + ",slideSrc=" + slideSrc);
    }

    // 在布局文件中使用MySwitch，在系统加载布局文件的时候，会调用此方法生成一个MySwitch的对象
    // Attribute : 属性,特性
    public MySwith(Context context, AttributeSet attrs) {
        this(context, attrs, -1);

    }

    // 直接在java代码中new出这个控件的时候，会使用
    public MySwith(Context context) {
        this(context, null);

    }

    private void initData() {
        // 画笔
        paint = new Paint();
        // 将画笔的颜色设置为红色
        paint.setColor(Color.BLUE);
        // 初始化图片 decode : 翻译
        bitmap = BitmapFactory.decodeResource(getResources(),           //slideSrc);
                R.drawable.switch_background);

        bitmapWidth = bitmap.getWidth();
        bitmapHeight = bitmap.getHeight();

        slideBitmap = BitmapFactory.decodeResource(getResources(),
                R.drawable.slide_button);

        int slideBitmapWidth = slideBitmap.getWidth();
        // 滑块可以向右滑动的最大距离
        mMaxLeft = bitmapWidth - slideBitmapWidth;

        setOnClickListener(new OnClickListener() {

            @Override
            public void onClick(View v) {

                if (isClick) {
                    System.out.println("MySwitch.onClick"+isClick);
                    if (isOpen) {
                        // 关闭
                        mCurrentLeft = 0;
                        isOpen = false;
                    } else {
                        // 打开
                        mCurrentLeft = mMaxLeft;
                        isOpen = true;
                    }

                // 刷新界面 促发onDraw方法的调用
                invalidate();
                // 接受 观察者的通知
                notifyStatus();

                    
                }

                
            }
        });

    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        // 背景图片有多大，控件就有多大
        setMeasuredDimension(bitmapWidth, bitmapHeight);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        // 绘制开关图片
        canvas.drawBitmap(bitmap, 0, 0, paint);
        // 绘制滑块的图片
        canvas.drawBitmap(slideBitmap, mCurrentLeft, 0, paint);
    }

    @Override
    public boolean onTouchEvent(MotionEvent event) {
        int action = event.getAction();

        switch (action) {
        case MotionEvent.ACTION_DOWN:
            
            startX = event.getX();
            totaldx = 0;
            break;

        case MotionEvent.ACTION_MOVE:

            float moveX = event.getX();
            float dx = moveX - startX;

            totaldx = totaldx + Math.abs(dx);
            mCurrentLeft = (int) (mCurrentLeft + dx);

            if (mCurrentLeft < 0) {
                mCurrentLeft = 0;
            } else if (mCurrentLeft > mMaxLeft) {
                mCurrentLeft = mMaxLeft;
            }

            invalidate(); // 刷新界面 必须刷新,否则没有效果
            startX = moveX;
            break;

        case MotionEvent.ACTION_UP:

            if (totaldx > 3) {
                isClick = false;
            } else {
                isClick = true;
            }

            if (!isClick) {

                if (mCurrentLeft > mMaxLeft / 2) {
                    // 自动打开
                    mCurrentLeft = mMaxLeft;
                    isOpen = true;
                } else {
                    mCurrentLeft = 0;
                    isOpen = false;
                }

                invalidate();
                notifyStatus();

            }

            break;

        }

        return super.onTouchEvent(event);// 消耗掉事件;
    }

    // 观察者模式 五步
    // 1. 找到被观察者 Myswith
    // 2.定义观察者,(定义接口)
    public interface OnStatusChangeLister {
        public void OnStatusChange(Boolean isOpen);
    }

    // 3.在被观察者中 保存观察者的对象
    private OnStatusChangeLister mLister;
    private float startX;
    private int slideSrc;

    public void setOnStatusChangeLister(OnStatusChangeLister Lister) {
        this.mLister = Lister;
    }

    // 4.通知观察者
    public void notifyStatus() {
        if (mLister != null) {
            mLister.OnStatusChange(isOpen);
            // System.out.println("开关的状态为:" + isOpen);
        }
    }

}

3.在MainActivity中引入

package com.health.myswitch;

import android.app.Activity;
import android.os.Bundle;
import android.widget.Toast;

import com.health.myswitch.MySwith.OnStatusChangeLister;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        MySwith mySwith = (MySwith) findViewById(R.id.MySwith);
        
        //设置背景  滑动开关
        mySwith.setBackgroundResource(R.drawable.switch_background);
        //设置开关默认状态
    

        
        mySwith.setOnStatusChangeLister(new OnStatusChangeLister() {
            
            @Override
            public void OnStatusChange(Boolean isOpen) {
                
                //  按压状态 的变化          监听不了触摸的状态
                Toast.makeText(MainActivity.this, "开关的状态为:"+isOpen, 0).show();
                
                //System.out.println("开关的状态为:"+isOpen);
                
                
            }
        });
    }

}