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

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);
    }
}

          

效果如上面所示;


  • 5
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Android开发中,可以使用Switch控件来实现类似iOS的美化效果。下面是一种实现方式: 1. 首先,在XML布局文件中添加Switch控件: ```xml <Switch android:id="@+id/switch_button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:thumb="@drawable/switch_thumb" android:track="@drawable/switch_track" /> ``` 2. 创建两个drawable资源文件,用于设置Switch的样式。例如,switch_thumb.xml和switch_track.xml。 - switch_thumb.xml:用于设置Switch的滑块样式。 ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/switch_thumb_on" android:state_checked="true" /> <item android:drawable="@drawable/switch_thumb_off" /> </selector> ``` - switch_track.xml:用于设置Switch的背景样式。 ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/switch_track_on" android:state_checked="true" /> <item android:drawable="@drawable/switch_track_off" /> </selector> ``` 3. 创建四个drawable资源文件,用于设置Switch的不同状态下的样式。例如,switch_thumb_on.xml、switch_thumb_off.xml、switch_track_on.xml和switch_track_off.xml。 4. 在Java代码中,可以通过findViewById方法获取Switch控件的实例,并对其进行操作。例如,监听Switch的状态变化: ```java Switch switchButton = findViewById(R.id.switch_button); switchButton.setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() { @Override public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) { // 处理Switch状态变化的逻辑 } }); ``` 以上是一种实现Android Switch仿iOS美化的方式。你还有其他相关问题吗?

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值