转载自gitHub的ImageView，因为本身就是可用的，也没什么好说的，拷贝回去用就是了，可以设置除了背景，还可以设置边框什么的，比起CardView设置圆角，功能更加强大。
import android.animation.ArgbEvaluator;
import android.animation.ValueAnimator;
import android.annotation.TargetApi;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.os.Build;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
import android.view.animation.LinearInterpolator;
public class AnimateCheckBox extends View {
;
private static final int DEFAULT_LINE_COLOR = Color.WHITE;
private static final int DEFAULT_CHECKED_COLOR = Color.RED;
private static final int DEFAULT_UNCHECK_COLOR = Color.GRAY;
;
;
private Paint mCirclePaint;
private Paint mLinePaint;
private int radius; //圆的半径
private int width, height; //控件宽高
private int cx, cy; //圆心xy坐标
]; //对号的3个点的坐标
private float correctProgress;
private float downY;
private boolean isChecked;
private boolean toggle;
private boolean isAnim;
private int animDuration = DEFAULT_ANIM_DURATION;
private int unCheckColor = DEFAULT_UNCHECK_COLOR;
private int circleColor = DEFAULT_CHECKED_COLOR;
private int correctColor = DEFAULT_LINE_COLOR;
private int correctWidth = DEFAULT_LINE_WIDTH;
private OnCheckedChangeListener listener;
public AnimateCheckBox(Context context) {
this(context, null);
}
public AnimateCheckBox(Context context, AttributeSet attrs) {
);
}
public AnimateCheckBox(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.);
circleColor = a.getColor(R.styleable.AnimateCheckBox_checkedColor, DEFAULT_CHECKED_COLOR);
unCheckColor = a.getColor(R.styleable.AnimateCheckBox_unCheckColor, DEFAULT_UNCHECK_COLOR);
correctColor = a.getColor(R.styleable.AnimateCheckBox_lineColor, DEFAULT_LINE_COLOR);
correctWidth = a.getDimensionPixelSize(R.styleable.AnimateCheckBox_lineWidth, DEFAULT_LINE_WIDTH);
animDuration = a.getInteger(R.styleable.AnimateCheckBox_animDuration, DEFAULT_ANIM_DURATION);
a.recycle();
init(context);
}
@TargetApi(Build.VERSION_CODES.LOLLIPOP)
public AnimateCheckBox(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
super(context, attrs, defStyleAttr, defStyleRes);
}
/**
* 根据手机的分辨率从 dp 的单位 转成为 px(像素)
*/
public static int dip2px(Context context, float dpValue) {
final float scale = context.getResources().getDisplayMetrics().density;
return (int) (dpValue * scale + 0.5f);
}
/**
* 初始化
*
* @param context
*/
private void init(Context context) {
mCirclePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mCirclePaint.setStyle(Paint.Style.FILL);
mCirclePaint.setColor(circleColor);
mLinePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mLinePaint.setStyle(Paint.Style.FILL);
mLinePaint.setColor(correctColor);
mLinePaint.setStrokeWidth(correctWidth);
setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
if (isChecked) {
hideCorrect();
} else {
showCheck();
}
}
});
}
/**
* 返回当前选中状态
*
* @return
*/
public boolean isChecked() {
return isChecked;
}
/**
* 设置当前选中状态
*
* @param checked
*/
public void setChecked(boolean checked) {
if (isChecked && !checked) {
hideCorrect();
} else if (!isChecked && checked) {
showCheck();
}
}
public void setUncheckStatus() {
isChecked = false;
radius = DEFAULT_RADIUS;
;
invalidate();
}
/**
* 确定尺寸坐标
*
* @param w
* @param h
* @param oldw
* @param oldh
*/
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
height = width = Math.min(w - getPaddingLeft() - getPaddingRight(), h - getPaddingBottom() - getPaddingTop());
;
;
float r = height / 2f;
] = r / 2f + getPaddingLeft();
] = r + getPaddingTop();
] = r * 5f / 6f + getPaddingLeft();
] = r + r / 3f + getPaddingTop();
] = r * 1.5f + getPaddingLeft();
] = r - r / 3f + getPaddingTop();
DEFAULT_RADIUS = radius = (int) (height * 0.125f);
}
@Override
protected void onDraw(Canvas canvas) {
float f = (radius - height * 0.125f) / (height * 0.5f); //当前进度
mCirclePaint.setColor(evaluate(f, unCheckColor, circleColor));
canvas.drawCircle(cx, cy, radius, mCirclePaint); //画圆
//画对号
) {
if (correctProgress < 1 / 3f) {
] + (] - ]) * correctProgress;
] + (] - ]) * correctProgress;
canvas.drawLine(], ], x, y, mLinePaint);
} else {
] + (] - ]) * correctProgress;
] + (] - ]) * correctProgress;
canvas.drawLine(], ], ], ], mLinePaint);
canvas.drawLine(], ], x, y, mLinePaint);
}
}
}
/**
* 设置圆的颜色
*
* @param color
*/
public void setCircleColor(int color) {
circleColor = color;
}
/**
* 设置对号的颜色
*
* @param color
*/
public void setLineColor(int color) {
mLinePaint.setColor(color);
}
/**
* 设置未选中时的颜色
*
* @param color
*/
public void setUnCheckColor(int color) {
unCheckColor = color;
}
private int evaluate(float fraction, int startValue, int endValue) {
) {
return startValue;
}
) {
return endValue;
}
int startInt = startValue;
) & 0xff;
) & 0xff;
) & 0xff;
int startB = startInt & 0xff;
int endInt = endValue;
) & 0xff;
) & 0xff;
) & 0xff;
int endB = endInt & 0xff;
) | ((startR + () | ((startG + () | ((startB + (int) (fraction * (endB - startB))));
}
/**
* 处理触摸事件触发动画
*/
private class OnChangeStatusListener implements OnTouchListener {
@Override
public boolean onTouch(View v, MotionEvent event) {
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
downY = event.getRawY();
break;
case MotionEvent.ACTION_MOVE:
float dy = event.getRawY() - downY;
) { //滑过一半触发
toggle = true;
} else {
toggle = false;
}
break;
case MotionEvent.ACTION_CANCEL:
case MotionEvent.ACTION_UP:
if (toggle) {
if (isChecked) {
hideCorrect();
} else {
showCheck();
}
}
break;
}
return true;
}
}
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
private void showUnChecked() {
if (isAnim) {
return;
}
isAnim = true;
ValueAnimator va = ValueAnimator.ofFloat(, ).setDuration(animDuration);
va.setInterpolator(new LinearInterpolator());
va.start();
va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue(); // 0f ~ 1f
radius = (int) ((1 - value) * height * 0.375f + height * 0.125f);
) {
isChecked = false;
isAnim = false;
if (listener != null) {
listener.onCheckedChanged(AnimateCheckBox.this, false);
}
}
invalidate();
}
});
}
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
private void showCheck() {
if (isAnim) {
return;
}
isAnim = true;
ValueAnimator va = ValueAnimator.ofFloat(, ).setDuration(animDuration);
va.setInterpolator(new LinearInterpolator());
va.start();
va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue(); // 0f ~ 1f
radius = (int) (value * height * 0.37f + height * 0.125f);
) {
isChecked = true;
isAnim = false;
if (listener != null) {
listener.onCheckedChanged(AnimateCheckBox.this, true);
}
showCorrect();
}
invalidate();
}
});
}
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
private void showCorrect() {
if (isAnim) {
return;
}
isAnim = true;
ValueAnimator va = ValueAnimator.ofFloat(, ).setDuration(animDuration);
va.setInterpolator(new LinearInterpolator());
va.start();
va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue(); // 0f ~ 1f
correctProgress = value;
invalidate();
) {
isAnim = false;
}
}
});
}
@TargetApi(Build.VERSION_CODES.HONEYCOMB)
private void hideCorrect() {
if (isAnim) {
return;
}
isAnim = true;
ValueAnimator va = ValueAnimator.ofFloat(, ).setDuration(animDuration);
va.setInterpolator(new LinearInterpolator());
va.start();
va.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
float value = (float) animation.getAnimatedValue(); // 0f ~ 1f
correctProgress = 1 - value;
invalidate();
) {
isAnim = false;
showUnChecked();
}
}
});
}
public void setOnCheckedChangeListener(OnCheckedChangeListener listener) {
this.listener = listener;
}
public interface OnCheckedChangeListener {
void onCheckedChanged(View buttonView, boolean isChecked);
}
}
style参数设置
<declare-styleable name="CircleImageView">
<attr name="civ_border_width" format="dimension" />
<attr name="civ_border_color" format="color" />
<attr name="civ_border_overlay" format="boolean" />
<attr name="civ_fill_color" format="color" />
</declare-styleable>
XML布局文件添加代码
xmlns:app="http://schemas.android.com/apk/res-auto"
