項目重用到了IOS風格的一個開關SwitchButton，網上也找了蠻多，但是文件都比較大，所以自己寫了一個。
先看效果圖
github：https://github.com/xiebinJava/SwitchButton
下面直接上代碼：
package com.xie.brad.myswitchbutton.MyButton;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.RectF;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import com.xie.brad.myswitchbutton.R;
import java.util.Date;
/**
* Created by dell on 2017/10/20.
*/
public class SwitchButton extends View {
private Paint paint;
private float downX;
private float moveX;
private float BTmoveX;
private float dx;
private float maxX;
private boolean isOpen;
private Date date;
private long downTime;
private long upTime;
private int mWidth;
private int mHeight;
private int sRight;
private float sBottom;
private float sLeft;
private int sTop;
private float sWidth;
private float sHeight;
private float sCenterX;
private float sCenterY;
private Path sPath = new Path();
private int bLeft;
private int bTop;
private float bBottom;
private float bRight;
private float bWidth;
private float bRadius;
private float bStrokWidth;
private float sScale;
private float sScaleCenterX;
private OnSwitchListener switchListener;
private boolean firstState;
public SwitchButton(Context context) {
super(context, null);
}
public SwitchButton(Context context, AttributeSet attrs) {
super(context, attrs, 0);
paint = new Paint();
date = new Date();
TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.SwitchButton);
firstState = typedArray.getBoolean(R.styleable.SwitchButton_switch_state, false);
isOpen = firstState;
}
public SwitchButton(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
// height = width * 0.65 左右
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
int widthSize = MeasureSpec.getSize(widthMeasureSpec);
int heightSize = (int) (widthSize * 0.65f);
setMeasuredDimension(widthSize, heightSize);
}
@Override
protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
super.onLayout(changed, left, top, right, bottom);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
mWidth = w; // 視圖自身寬度
mHeight = h; // 視圖自身高度
sLeft = sTop = 0; // 田徑場 左和上的座標
sRight = mWidth; // 田徑場 右佔自身的全部
sBottom = mHeight * 0.8f; // 田徑場底部 佔全身的百分之八十， 下面預留百分之二十的空間畫按鈕陰影。
sWidth = sRight - sLeft; // 田徑場的寬度
sHeight = sBottom - sTop; // 田徑場的高度
sCenterX = (sRight + sLeft) / 2; // 田徑場的X軸中心座標
sCenterY = (sBottom + sTop) / 2; // 田徑場的Y軸中心座標
RectF sRectF = new RectF(sLeft, sTop, sBottom, sBottom);
sPath.arcTo(sRectF, 90, 180);
sRectF.left = sRight - sBottom;
sRectF.right = sRight;
sPath.arcTo(sRectF, 270, 180);
sPath.close(); // path準備田徑場的路徑
bLeft = bTop = 0;
bRight = bBottom = sBottom; // 和田徑場同高，同寬的節奏， 沒錯包裹圓形的肯定是個正方形是小孩子都知道的。
bWidth = bRight - bLeft;
final float halfHeightOfS = (sBottom - sTop) / 2;
bRadius = halfHeightOfS * 0.9f; // 按鈕的半徑
bStrokWidth = 2 * (halfHeightOfS - bRadius); // 按鈕的邊框
sScale = 1 - bStrokWidth / sHeight; //替換之前的0.98<
sScaleCenterX = sWidth - halfHeightOfS;
if (isOpen){
BTmoveX = sWidth - bWidth / 2;
}else {
BTmoveX = bWidth / 2;
}
maxX = sWidth - bWidth;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.FILL);
if (isOpen) {
paint.setColor(getResources().getColor(R.color.colorPrimary));
} else {
paint.setColor(0xffcccccc);
}
canvas.drawPath(sPath, paint); // 畫出田徑場
canvas.save();
paint.setAntiAlias(true);
paint.setStyle(Paint.Style.FILL);
paint.setColor(getResources().getColor(R.color.colorAccent));
canvas.drawCircle(BTmoveX, bWidth / 2, bRadius, paint); // 按鈕白底
canvas.restore();
paint.reset();
}
@Override
public boolean onTouchEvent(MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
downX = event.getX();
downTime = date.getTime();
firstState = isOpen;
break;
case MotionEvent.ACTION_MOVE:
moveX = event.getX();
dx = moveX - downX;
if (!isOpen) {
if (dx < 0) {
BTmoveX = bWidth / 2;
isOpen = false;
} else if (dx > maxX) {
BTmoveX = maxX + (bWidth / 2);
isOpen = true;
} else {
BTmoveX = dx + (bWidth / 2);
}
} else {
if (dx > 0) {
BTmoveX = maxX + bWidth / 2;
isOpen = true;
} else if (Math.abs(dx) > maxX) {
BTmoveX = bWidth / 2;
isOpen = false;
} else {
BTmoveX = maxX - Math.abs(dx) + (bWidth / 2);
}
}
invalidate();
break;
case MotionEvent.ACTION_UP:
upTime = date.getTime();
if (Math.abs(dx) < 3 && upTime - downTime < 1000) {
if (isOpen) {
isOpen = false;
BTmoveX = bWidth / 2;
firstState = false;
switchListener.closebutton();
} else {
isOpen = true;
BTmoveX = maxX + bWidth / 2;
firstState = true;
switchListener.openbutton();
}
} else {
if (!isOpen) {
if (dx < maxX / 2) {
BTmoveX = bWidth / 2;
isOpen = false;
} else {
BTmoveX = maxX + bWidth / 2;
isOpen = true;
firstState = true;
switchListener.openbutton();
}
} else {
if (Math.abs(dx) < maxX / 2 || dx > maxX / 2) {
BTmoveX = maxX + bWidth / 2;
isOpen = true;
} else {
BTmoveX = bWidth / 2;
isOpen = false;
firstState = false;
switchListener.closebutton();
}
}
}
if (firstState){
if (!isOpen){
switchListener.closebutton();
}
}else {
if (isOpen){
switchListener.openbutton();
}
}
invalidate();
break;
}
return true;
}
public void setOnSwitchListener(OnSwitchListener onSwitchListener) {
this.switchListener = onSwitchListener;
}
public interface OnSwitchListener {
void openbutton();
void closebutton();
}
}
用法：
<com.xie.brad.myswitchbutton.MyButton.SwitchButton
android:id="@+id/switchbutton"
android:layout_width="100dp"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
app:switch_state="true"/>
package com.xie.brad.myswitchbutton;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.Toast;
import com.xie.brad.myswitchbutton.MyButton.SwitchButton;
public class MainActivity extends AppCompatActivity implements SwitchButton.OnSwitchListener {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
SwitchButton switchButton = (SwitchButton) findViewById(R.id.switchbutton);
switchButton.setOnSwitchListener(this);
}
@Override
public void openbutton() {
Toast.makeText(this,"開",Toast.LENGTH_SHORT).show();
}
@Override
public void closebutton() {
Toast.makeText(this,"關",Toast.LENGTH_SHORT).show();
}
}
代碼寫的蠻久了，最近閒暇，拿出來分享，代碼比較亂，希望大家提出意見