【Android】仿IOS的滑动按钮

来源：互联网发布：word mac破解版下载编辑：程序博客网时间：2024/04/29 22:30

项目结构

MainActivity

public class MainActivity extends AppCompatActivity {    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);    }}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    xmlns:slideswitch="http://schemas.android.com/apk/res-auto"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    android:paddingBottom="@dimen/activity_vertical_margin"    tools:context="com.example.abc.slieswitch.MainActivity">    <com.example.abc.slieswitch.SlideSwitch        android:id="@+id/swit"        android:layout_width="60dp"        android:layout_height="120dp"        slideswitch:isOpen="true"        slideswitch:shape="circle"        slideswitch:themeColor="#ff3399cc"  /></RelativeLayout>

SlideSwitch.java
public class SlideSwitch extends View {    public static final int SHAPE_RECT = 1;    public static final int SHAPE_CIRCLE = 2;    private static final int RIM_SIZE = 6;    private static final int COLOR_THEME = Color.parseColor("#ff00ee00");    // 3 attributes    private int color_theme;    private boolean isOpen;    private int shape;    // varials of drawing    private Paint paint;    private Rect backRect;    private Rect frontRect;    private int alpha;    private int max_left;    private int min_left;    private int frontRect_left;    private int frontRect_left_begin = RIM_SIZE;    private int eventStartX;    private int eventLastX;    private int diffX = 0;    private SlideListener listener;    public interface SlideListener {        public void open();        public void close();    }    public SlideSwitch(Context context, AttributeSet attrs, int defStyleAttr) {        super(context, attrs, defStyleAttr);        listener = null;        paint = new Paint();        paint.setAntiAlias(true);        TypedArray a = context.obtainStyledAttributes(attrs,                R.styleable.slideswitch);        color_theme = a.getColor(R.styleable.slideswitch_themeColor,                COLOR_THEME);        isOpen = a.getBoolean(R.styleable.slideswitch_isOpen, false);        shape = a.getInt(R.styleable.slideswitch_shape, SHAPE_RECT);        a.recycle();    }    public SlideSwitch(Context context, AttributeSet attrs) {        this(context, attrs, 0);    }    public SlideSwitch(Context context) {        this(context, null);    }    @Override    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {        super.onMeasure(widthMeasureSpec, heightMeasureSpec);        int width = measureDimension(280, widthMeasureSpec);        int height = measureDimension(140, heightMeasureSpec);        if (shape == SHAPE_CIRCLE) {            if (width < height)                width = height * 2;        }        setMeasuredDimension(width, height);        initDrawingVal();    }    public void initDrawingVal(){        int width = getMeasuredWidth();        int height = getMeasuredHeight();        backRect = new Rect(0, 0, width, height);        min_left = RIM_SIZE;        if (shape == SHAPE_RECT)            max_left = width / 2;        else            max_left = width - (height - 2 * RIM_SIZE) - RIM_SIZE;        if (isOpen) {            frontRect_left = max_left;            alpha = 255;        } else {            frontRect_left = RIM_SIZE;            alpha = 0;        }        frontRect_left_begin = frontRect_left;    }    public int measureDimension(int defaultSize, int measureSpec) {        int result;        int specMode = MeasureSpec.getMode(measureSpec);        int specSize = MeasureSpec.getSize(measureSpec);        if (specMode == MeasureSpec.EXACTLY) {            result = specSize;        } else {            result = defaultSize; // UNSPECIFIED            if (specMode == MeasureSpec.AT_MOST) {                result = Math.min(result, specSize);            }        }        return result;    }    @Override    protected void onDraw(Canvas canvas) {        if (shape == SHAPE_RECT) {            //画矩形            paint.setColor(Color.GRAY);            canvas.drawRect(backRect, paint);            paint.setColor(color_theme);            paint.setAlpha(alpha);            canvas.drawRect(backRect, paint);            frontRect = new Rect(frontRect_left, RIM_SIZE, frontRect_left                    + getMeasuredWidth() / 2 - RIM_SIZE, getMeasuredHeight()                    - RIM_SIZE);            paint.setColor(Color.WHITE);            canvas.drawRect(frontRect, paint);        } else {            // 画圆形            int radius;            radius = backRect.height() / 2 - RIM_SIZE;            paint.setColor(Color.GRAY);            canvas.drawRoundRect(new RectF(backRect), radius, radius, paint);            paint.setColor(color_theme);            paint.setAlpha(alpha);            canvas.drawRoundRect(new RectF(backRect), radius, radius, paint);            frontRect = new Rect(frontRect_left, RIM_SIZE, frontRect_left                    + backRect.height() - 2 * RIM_SIZE, backRect.height()                    - RIM_SIZE);            paint.setColor(Color.WHITE);            canvas.drawRoundRect(new RectF(frontRect), radius, radius, paint);        }    }    @Override    public boolean onTouchEvent(MotionEvent event) {        int action = MotionEventCompat.getActionMasked(event);        switch (action) {            case MotionEvent.ACTION_DOWN:                eventStartX = (int) event.getRawX();                break;            case MotionEvent.ACTION_MOVE:                eventLastX = (int) event.getRawX();                diffX = eventLastX - eventStartX;                int tempX = diffX + frontRect_left_begin;                tempX = (tempX > max_left ? max_left : tempX);                tempX = (tempX < min_left ? min_left : tempX);                if (tempX >= min_left && tempX <= max_left) {                    frontRect_left = tempX;                    alpha = (int) (255 * (float) tempX / (float) max_left);                    invalidateView();                }                break;            case MotionEvent.ACTION_UP:                int wholeX = (int) (event.getRawX() - eventStartX);                frontRect_left_begin = frontRect_left;                boolean toRight;                toRight = (frontRect_left_begin > max_left / 2 ? true : false);                if (Math.abs(wholeX) < 3) {                    toRight = !toRight;                }                moveToDest(toRight);                break;            default:                break;        }        return true;    }    /**     * draw again     */    private void invalidateView() {        if (Looper.getMainLooper() == Looper.myLooper()) {            invalidate();        } else {            postInvalidate();        }    }    public void setSlideListener(SlideListener listener) {        this.listener = listener;    }    public void moveToDest(final boolean toRight) {        final Handler handler = new Handler() {            @Override            public void handleMessage(Message msg) {                if (msg.what == 1) {                    listener.open();                } else {                    listener.close();                }            }        };        new Thread(new Runnable() {            @Override            public void run() {                if (toRight) {                    while (frontRect_left <= max_left) {                        alpha = (int) (255 * (float) frontRect_left / (float) max_left);                        invalidateView();                        frontRect_left += 3;                        try {                            Thread.sleep(3);                        } catch (InterruptedException e) {                            e.printStackTrace();                        }                    }                    alpha = 255;                    frontRect_left = max_left;                    isOpen = true;                    if (listener != null)                        handler.sendEmptyMessage(1);                    frontRect_left_begin = max_left;                } else {                    while (frontRect_left >= min_left) {                        alpha = (int) (255 * (float) frontRect_left / (float) max_left);                        invalidateView();                        frontRect_left -= 3;                        try {                            Thread.sleep(3);                        } catch (InterruptedException e) {                            e.printStackTrace();                        }                    }                    alpha = 0;                    frontRect_left = min_left;                    isOpen = false;                    if (listener != null)                        handler.sendEmptyMessage(0);                    frontRect_left_begin = min_left;                }            }        }).start();    }    public void setState(boolean isOpen) {        this.isOpen = isOpen;        initDrawingVal();        invalidateView();        if(listener != null)            if(isOpen == true){                listener.open();            }else{                listener.close();            }    }    public void setShapeType(int shapeType) {        this.shape = shapeType;    }}

源码地址：http://download.csdn.net/detail/qq_24531461/9649834

点击下载

更多按钮源码请点这里（效果如下图）

0 0