android开发仿iphone开关按钮动态效果

来源：互联网发布：windows未能启动成功编辑：程序博客网时间：2024/04/27 10:09
package com.netease.nim.uikit.common.ui.widget;import android.annotation.SuppressLint;import android.content.Context;import android.graphics.Bitmap;import android.graphics.BitmapFactory;import android.graphics.Canvas;import android.graphics.Matrix;import android.graphics.Paint;import android.graphics.Rect;import android.util.AttributeSet;import android.view.MotionEvent;import android.view.View;import android.view.View.OnTouchListener;import com.netease.nim.uikit.R;/** * 仿iphone 开关按钮 *  * @author dafeige *  */public class SwitchButton extends View implements OnTouchListener {    private boolean isChoose = false;// 记录当前按钮是否打开,true为打开,flase为关闭    private boolean isChecked;    private boolean onSlip = false;// 记录用户是否在滑动的变量    private float down_x, now_x;// 按下时的x,当前的x    private Rect btn_off, btn_on;// 打开和关闭状态下,游标的Rect .    private boolean isChangeOn = false;    private boolean isInterceptOn = false;    private OnChangedListener onChangedListener;    private Bitmap bg_on, bg_off, slip_btn;    public SwitchButton(Context context) {        super(context);        init();    }    public SwitchButton(Context context, AttributeSet attrs) {        super(context, attrs);        init();    }    public SwitchButton(Context context, AttributeSet attrs, int defStyle) {        super(context, attrs, defStyle);        init();    }    private void init() {// 初始化        bg_on = BitmapFactory.decodeResource(getResources(), R.drawable.nim_slide_toggle_on);        bg_off = BitmapFactory.decodeResource(getResources(), R.drawable.nim_slide_toggle_off);        slip_btn = BitmapFactory.decodeResource(getResources(), R.drawable.nim_slide_toggle);        btn_off = new Rect(0, 0, slip_btn.getWidth(), slip_btn.getHeight());        btn_on = new Rect(bg_off.getWidth() - slip_btn.getWidth(), 0, bg_off.getWidth(), slip_btn.getHeight());        setOnTouchListener(this);// 设置监听器,也可以直接复写OnTouchEvent    }    @SuppressLint("DrawAllocation")    @Override    protected void onDraw(Canvas canvas) {// 绘图函数        super.onDraw(canvas);        Matrix matrix = new Matrix();        Paint paint = new Paint();        float x;        // 滑动到前半段与后半段的背景不同,在此做判断        if (now_x < (bg_on.getWidth() / 2)) {            x = now_x - slip_btn.getWidth() / 2;            canvas.drawBitmap(bg_off, matrix, paint);// 画出关闭时的背景        } else {            x = bg_on.getWidth() - slip_btn.getWidth() / 2;            canvas.drawBitmap(bg_on, matrix, paint);// 画出打开时的背景        }        // 是否是在滑动状态        if (onSlip) {            if (now_x >= bg_on.getWidth()) {// 是否划出指定范围,不能让游标跑到外头,必须做这个判断                x = bg_on.getWidth() - slip_btn.getWidth() / 2;// 减去游标1/2的长度...            } else if (now_x < 0) {                x = 0;            } else {                x = now_x - slip_btn.getWidth() / 2;            }        } else {// 非滑动状态            if (isChoose) {// 根据现在的开关状态设置画游标的位置                x = btn_on.left;                canvas.drawBitmap(bg_on, matrix, paint);// 初始状态为true时应该画出打开状态图片            } else {                x = btn_off.left;            }        }        if (isChecked) {            canvas.drawBitmap(bg_on, matrix, paint);            x = btn_on.left;            isChecked = !isChecked;        }        // 对游标位置进行异常判断...        if (x < 0) {            x = 0;        } else if (x > bg_on.getWidth() - slip_btn.getWidth()) {            x = bg_on.getWidth() - slip_btn.getWidth();        }        canvas.drawBitmap(slip_btn, x, 0, paint);// 画出游标.    }    public boolean onTouch(View v, MotionEvent event) {        boolean old = isChoose;        switch (event.getAction()) {        case MotionEvent.ACTION_MOVE:// 滑动            now_x = event.getX();            break;        case MotionEvent.ACTION_DOWN:// 按下            if (event.getX() > bg_on.getWidth() || event.getY() > bg_on.getHeight()) {                return false;            }            onSlip = true;            down_x = event.getX();            now_x = down_x;            break;        case MotionEvent.ACTION_CANCEL: // 移到控件外部            onSlip = false;            boolean choose = isChoose;            if (now_x >= (bg_on.getWidth() / 2)) {                now_x = bg_on.getWidth() - slip_btn.getWidth() / 2;                isChoose = true;            } else {                now_x = now_x - slip_btn.getWidth() / 2;                isChoose = false;            }            if (isChangeOn && (choose != isChoose)) { // 如果设置了监听器,就调用其方法..                onChangedListener.OnChanged(this, isChoose);            }            break;        case MotionEvent.ACTION_UP:// 松开            onSlip = false;            boolean lastChoose = isChoose;            if (event.getX() >= (bg_on.getWidth() / 2)) {                now_x = bg_on.getWidth() - slip_btn.getWidth() / 2;                isChoose = true;            } else {                now_x = now_x - slip_btn.getWidth() / 2;                isChoose = false;            }            if (lastChoose == isChoose) {// 相等表示点击状态未切换，之后切换状态                if (event.getX() >= (bg_on.getWidth() / 2)) {                    now_x = 0;                    isChoose = false;                } else {                    now_x = bg_on.getWidth() - slip_btn.getWidth() / 2;                    isChoose = true;                }            }            // 如果设置了监听器,就调用其方法..            if (isChangeOn) {                onChangedListener.OnChanged(this, isChoose);            }            break;        default:        }        if (!old && isInterceptOn) {            isChoose = false;        } else {            invalidate();// 重画控件        }        return true;    }    public void setOnChangedListener(OnChangedListener listener) {// 设置监听器,当状态修改的时候        isChangeOn = true;        onChangedListener = listener;    }    public interface OnChangedListener {        abstract void OnChanged(View v, boolean checkState);    }    public void setCheck(boolean isChecked) {        this.isChecked = isChecked;        isChoose = isChecked;        if (isChecked == false) {            now_x = 0;        }        invalidate();    }    public boolean isChoose(){        return this.isChoose;    }    public boolean getCheck(){        return this.isChecked;    }    public void setInterceptState(boolean isIntercept) {// 设置监听器,是否在重画钱拦截事件,状态由false变true时 拦截事件        isInterceptOn = isIntercept;        // onInterceptListener = listener;    }}
0 0