最简洁的方式(最少的代码)在Android上实现IOS的switch button

本文详细介绍了滑动按钮的实现过程及效果展示,包括按钮状态切换、触摸事件处理和位图资源的动态加载。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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;

public class SlipButton extends View implements OnTouchListener {

    private boolean mNowChecked = false;

    private boolean mOnSlip = false;

    private float mDownX, mNowX;

    private Rect mBtnOn, mBtnOff;

    private boolean isChgLsnOn = false;

    private OnChangedListener mChgLsn;

    private Bitmap mOnBg, mOffBg, mSlipBg;

    public SlipButton(Context context) {
        super(context);
        init();
    }

    public SlipButton(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    private void init() {
        mOnBg = BitmapFactory.decodeResource(getResources(), R.drawable.slip_bg_on);
        mOffBg = BitmapFactory.decodeResource(getResources(), R.drawable.slip_bg_off);
        mSlipBg = BitmapFactory.decodeResource(getResources(), R.drawable.slip_btn);
        mBtnOn = new Rect(0, 0, mSlipBg.getWidth(), mSlipBg.getHeight());
        mBtnOff = new Rect(mOffBg.getWidth() - mSlipBg.getWidth(), 0, mOffBg.getWidth(),
                mSlipBg.getHeight());
        setOnTouchListener(this);
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        Matrix matrix = new Matrix();
        Paint paint = new Paint();
        float x;

        {
            if (!mNowChecked)
                canvas.drawBitmap(mOffBg, matrix, paint);
            else
                canvas.drawBitmap(mOnBg, matrix, paint);

            if (mOnSlip)
            {
                if (mNowX >= mOnBg.getWidth())
                    x = mOnBg.getWidth() - mSlipBg.getWidth() / 2;
                else
                    x = mNowX - mSlipBg.getWidth() / 2;
            } else {
                if (mNowChecked)
                    x = mBtnOff.left;
                else
                    x = mBtnOn.left;
            }
            if (x < 0)
                x = 0;
            else if (x > mOnBg.getWidth() - mSlipBg.getWidth())
                x = mOnBg.getWidth() - mSlipBg.getWidth();
            canvas.drawBitmap(mSlipBg, x, 0, paint);
        }
    }

    @Override
    public boolean onTouch(View v, MotionEvent event) {
        switch (event.getAction())
        {
            case MotionEvent.ACTION_MOVE:
                mNowX = event.getX();
                break;
            case MotionEvent.ACTION_DOWN:
                if (event.getX() > mOnBg.getWidth() || event.getY() > mOnBg.getHeight())
                    return false;
                mDownX = event.getX();
                mNowX = mDownX;
                break;
            case MotionEvent.ACTION_UP:
                mOnSlip = false;
                boolean LastChoose = mNowChecked;
                if (!mNowChecked)
                    mNowChecked = true;
                else
                    mNowChecked = false;
                if (isChgLsnOn && (LastChoose != mNowChecked))
                    mChgLsn.OnChanged(mNowChecked);
                break;
            default:

        }
        invalidate();
        return true;
    }

    public void setChecked(boolean checked) {
        if (mNowChecked != checked) {
            mNowChecked = checked;
            invalidate();
        }
    }

    public void setOnChangedListener(OnChangedListener l) {
        isChgLsnOn = true;
        mChgLsn = l;
    }

    public interface OnChangedListener {
        abstract void OnChanged(boolean CheckState);
    }
}


效果如上面所示;


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值