java
复制代码
package com.nepalese.virgocomponent.view;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.LinearGradient;
import android.graphics.Paint;
import android.graphics.RadialGradient;
import android.graphics.RectF;
import android.graphics.Shader;
import android.graphics.SweepGradient;
import android.text.TextUtils;
import android.util.AttributeSet;
import android.util.Log;
import android.view.View;
import androidx.annotation.Nullable;
import com.nepalese.virgocomponent.R;
/**
* @author nepalese on 2024/10/10 10:10
* @usage 多色渐变调板：
* 1. 支持圆角模式，矩形模式；
* 2. 支持线性、扫描和环形渐变，线性渐变支持0-180角度设置；
* 3. 支持多种颜色设置；（E.g: #ff0000 #00ff00 #0000ff）
*/
public class VirgoGradientView extends View {
private static final String TAG = "VirgoGradientView";
public static final int MODE_ROUND = 1;//圆角模式
public static final int MODE_RECT = 2;//矩形模式（默认）
public static final int GRADIENT_LINEAR = 1;//线性渐变
public static final int GRADIENT_SWEEP = 2;//扫描渐变
public static final int GRADIENT_RADIAL = 3;//环形渐变
private Paint mPaint;//画笔
private RectF mRectF;//画布矩形
private Shader mShader;//渐变渲染
private int mWidth, mHeight;//宽高
private int mMode;//图形模式
private int mGradientMode;//渐变模式
private int mAngle;//线性渐变角度(从左->右：0-180）
private int mRoundRadius;//圆角半径（仅圆角模式）
private int[] mColors;//颜色组
public VirgoGradientView(Context context) {
this(context, null);
}
public VirgoGradientView(Context context, @Nullable AttributeSet attrs) {
this(context, attrs, 0);
}
public VirgoGradientView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
init(attrs);
}
private void init(AttributeSet attrs) {
String strColors;//颜色按顺序，以空格间开
TypedArray typedArray = getContext().obtainStyledAttributes(attrs, R.styleable.VirgoGradientView);
mMode = typedArray.getInt(R.styleable.VirgoGradientView_vgMode, MODE_RECT);
mAngle = typedArray.getInt(R.styleable.VirgoGradientView_vgLinearAngle, 0);
mGradientMode = typedArray.getInt(R.styleable.VirgoGradientView_vgGradientMode, GRADIENT_LINEAR);
mRoundRadius = typedArray.getDimensionPixelSize(R.styleable.VirgoGradientView_vgRoundRadius, 20);
strColors = typedArray.getString(R.styleable.VirgoGradientView_vgColors);
typedArray.recycle();
mPaint = new Paint();
mPaint.setAntiAlias(true);
mPaint.setDither(true);
mPaint.setStyle(Paint.Style.FILL);
//初始化默认颜色
initColor(strColors);
}
private void initColor(String strColors) {
if (TextUtils.isEmpty(strColors)) {
strColors = "#69EACB #EACCF8 #6654F1";//默认
}
if (strColors.contains(" ")) {
String[] colors = strColors.split(" ");
mColors = new int[colors.length];
for (int i = 0; i < colors.length; i++) {
try {
mColors[i] = Color.parseColor(colors[i]);
} catch (Exception e) {
mColors[i] = Color.WHITE;
}
}
} else {
//单色
mColors = new int[1];
try {
mColors[0] = Color.parseColor(strColors);
} catch (Exception e) {
//格式异常
Log.e(TAG, "格式异常！");
mColors[0] = Color.WHITE;
}
}
// //彩虹色
// mColors = new int[7];
// mColors[0] = Color.rgb(255,0,0);
// mColors[1] = Color.rgb(255,165,0);
// mColors[2] = Color.rgb(255,255,0);
// mColors[3] = Color.rgb(0,255,0);
// mColors[4] = Color.rgb(0,127,255);
// mColors[5] = Color.rgb(0,0,255);
// mColors[6] = Color.rgb(139,0,255);
}
private void setShader() {
switch (mGradientMode) {
case GRADIENT_LINEAR:
//x0,y0,x1,y1是起始位置和渐变的结束位置
//positions指定颜色数组的相对位置: [0...1], 如果传null，渐变就线性变化
//角度正切值
double tan = Math.tan(Math.PI * mAngle / 180);
if (45 > mAngle && mAngle >= 0) {
//[0,45)
mShader = new LinearGradient(0, (float) ((mHeight - tan * mWidth) / 2), mWidth, (float) ((mHeight + tan * mWidth) / 2), mColors, null, Shader.TileMode.CLAMP);
} else if (135 >= mAngle && mAngle >= 45) {
//[45,135]
if (mAngle == 90) {
mShader = new LinearGradient(mWidth / 2f, 0, mWidth / 2f, mHeight, mColors, null, Shader.TileMode.CLAMP);
} else {
mShader = new LinearGradient((float) ((mWidth - mHeight / tan) / 2), 0, (float) ((mWidth + mHeight / tan) / 2), mHeight, mColors, null, Shader.TileMode.CLAMP);
}
} else if (180 >= mAngle && mAngle > 135) {
mShader = new LinearGradient(mWidth, (float) ((mHeight + tan * mWidth) / 2), 0, (float) ((mHeight - tan * mWidth) / 2), mColors, null, Shader.TileMode.CLAMP);
} else {
//默认左 -> 右
mShader = new LinearGradient(0, 0, mWidth, 0, mColors, null, Shader.TileMode.CLAMP);
}
break;
case GRADIENT_SWEEP:
//cx,cy,圆的中心坐标
mShader = new SweepGradient(mWidth / 2f, mHeight / 2f, mColors, null);
break;
case GRADIENT_RADIAL:
//cx,cy,中心坐标
int max = Math.max(mWidth, mHeight);
mShader = new RadialGradient(mWidth / 2f, mHeight / 2f, max / 2f, mColors, null, Shader.TileMode.CLAMP);
break;
}
mPaint.setShader(mShader);
}
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh) {
super.onSizeChanged(w, h, oldw, oldh);
//在measure之后， layout之前
mRectF = new RectF(0, 0, w, h);
mWidth = w;
mHeight = h;
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
setShader();
if (mMode == MODE_RECT) {
//矩形
canvas.drawRect(mRectF, mPaint);
} else {
//圆角
canvas.drawRoundRect(mRectF, mRoundRadius, mRoundRadius, mPaint);
}
}
//api//
public void setmMode(int mMode) {
this.mMode = mMode;
}
public void setmGradientMode(int mGradientMode) {
this.mGradientMode = mGradientMode;
}
public void setmAngle(int mAngle) {
this.mAngle = mAngle % 180;
}
public void setmRoundRadius(int mRoundRadius) {
this.mRoundRadius = mRoundRadius;
}
//颜色种类不少于2
public void setmColors(int[] mColors) {
if (mColors.length < 2) {
return;
}
this.mColors = mColors;
}
}
