放射渐变RadialGradient 使用总结

Android 支持三种颜色渐变， LinearGradient（线性渐变）、 RadialGradient （放射渐变）、 SweepGradient（扫描渐变）。这三种渐变均继承自android.graphics.Shader， Paint 类通过setShader()方法来支持渐变。

本篇文章介绍RadialGradient 的使用，看下RadialGradient 构造函数：

构造方法1（只支持两种颜色的渐变）：

public RadialGradient(float centerX, float centerY, float radius,
                          int centerColor, int edgeColor, TileMode tileMode) {
        
}

第一个参数：centerX表示渐变中心点圆心x轴坐标
第二个参数：centerY表示渐变中心点圆心y轴坐标
第三个参数：radius表示渐变的半径
第四个参数：centerColor表示渐变中心颜色
第五个参数：edgeColor表示渐变边缘颜色
第六个参数：tileMode用于指定控件区域大于指定的渐变区域时，剩余区域的颜色填充方法

TileMode 有3种方式可供选择，分别为CLAMP、REPEAT和MIRROR：
CLAMP ：会将边缘的一个像素进行拉伸、扩展
REPEAT：平移复制
MIRROR：镜面翻转

构造方法2（支持多种颜色的渐变）：

public RadialGradient(float centerX, float centerY, float radius,
                          int colors[], float stops[], TileMode tileMode) {
}

参数centerX、centerY、radius\tileMode和第一个构造方法的一样，这里说下colors[]和stops[]：
colors[]为渐变的颜色值数组(颜色值要用16进制表示)
stops[]和颜色数组对应，表示每种颜色在渐变方向上所占的百分比取值[0, 1]

下面通过看一些渐变色的效果来理解以上2个构造函数的参数含义：

先贴上代码：

public class RadialGradientView extends View {

    private RectF mRectF;
    private Paint mPaint;

    public RadialGradientView(Context context) {
        this(context, null);
    }

    public RadialGradientView(Context context, @Nullable AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public RadialGradientView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initPaint();
    }

    private void initPaint() {
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setStyle(Paint.Style.FILL);
    }

    @Override
    protected void onSizeChanged(int width, int height, int oldWidth, int oldHeight) {
        super.onSizeChanged(width, height, oldWidth, oldHeight);
        mRectF = new RectF(0, 0, width, height);
        mPaint.setShader(new RadialGradient(mRectF.centerX(), mRectF.centerY(),
                Math.min(mRectF.centerX(), mRectF.centerY()),
                Color.RED, Color.YELLOW, Shader.TileMode.MIRROR));
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.drawCircle(mRectF.centerX(), mRectF.centerY(),
                Math.min(mRectF.centerX(), mRectF.centerY()), mPaint);
    }

}

1、两种渐变色：

 mPaint.setShader(new RadialGradient(mRectF.centerX(), mRectF.centerY(),
                Math.min(mRectF.centerX(), mRectF.centerY()),
                mCenterColor, mEdgeColor, Shader.TileMode.MIRROR));

2、多种渐变色：

 int[] colorArray = new int[]{Color.RED,Color.YELLOW,Color.BLUE,Color.GREEN};
 float[] stopArray = new float[]{0f,0.3f,0.6f,0.9f};
 mPaint.setShader(new RadialGradient(mRectF.centerX(), mRectF.centerY(),
                Math.min(mRectF.centerX(), mRectF.centerY()),
                colorArray, stopArray, Shader.TileMode.MIRROR));