SweepGradient 作为画图时,用到的扫描渐变。
有两个方法。
第一个方法:
public SweepGradient(float cx, float cy, int color0, int color1)
Parameters:
- cx 渲染中心点x 坐标
- cy 渲染中心点y 坐标
- color0 起始渲染颜色
- color1 结束渲染颜色
第二个方法:
public SweepGradient(float cx, float cy, int[] colors, float[] positions)
Parameters:
- cx 渲染中心点x 坐标
- cy 渲染中心y 点坐标
- colors 围绕中心渲染的颜色数组,至少要有两种颜色值
- positions 相对位置的颜色数组,可为null, 若为null,可为null,颜色沿渐变线均匀分布
很明显,第一个方法是第二个方法的简化。
所以,我只用讲下面一个方法,就能两个方法都懂了。
查阅了API:
/**
* A subclass of Shader that draws a sweep gradient around a center point.
*
* @param cx The x-coordinate of the center
* @param cy The y-coordinate of the center
* @param colors The colors to be distributed between around the center.
* There must be at least 2 colors in the array.
* @param positions May be NULL. The relative position of
* each corresponding color in the colors array, beginning
* with 0 and ending with 1.0. If the values are not
* monotonic, the drawing may produce unexpected results.
* If positions is NULL, then the colors are automatically
* spaced evenly.
*/
前三个参数很容易理解:
- cx 渲染中心点x 坐标
- cy 渲染中心y 点坐标
- colors 围绕中心渲染的颜色数组,至少要有两种颜色值
而对于positions这个 float[]数组,写过代码的人,可能反而会很糊涂。
这个positions数组指定的是颜色在圆上的渲染分布。 - 假如要绘制完整的圆,positions指定为null就可以了,默认会按照颜色数组的顺序帮你渲染。
- 但,假如是像我要做的控件,是非均匀变色的圆,则需要我们去指定各个颜色的位置。
注意事项:渲染的方向是顺时针,位置从0开始,到1结束,而且数组要呈单调递增,不然可效果会错误。
所以举例:
颜色数组为{"绿色","黑色","红色","蓝色","黄色"},
绿色在180度,所以他对应的位置参数是0.5 (顺时针算)
以此类推,黑色225度,0.625f
红色 270度,0.75f
蓝色315度,0.875f
黄色360度,1
所以对应的positions数组就是{ 0.5f, 0.625f, 0.75f, 0.875f, 1f }
package com.hencoder.hencoderpracticedraw2.practice;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Shader;
import android.graphics.SweepGradient;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
public class Practice03SweepGradientView extends View {
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
public Practice03SweepGradientView(Context context) {
super(context);
}
public Practice03SweepGradientView(Context context, @Nullable AttributeSet attrs) {
super(context, attrs);
}
public Practice03SweepGradientView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
}
{
// 用 Paint.setShader(shader) 设置一个 SweepGradient
// SweepGradient 的参数:圆心坐标:(300, 300);颜色:#E91E63 到 #2196F3
Shader shader = new SweepGradient(300,300, new int[]{ Color.GREEN, Color.BLACK, Color.RED, Color.BLUE,Color.YELLOW},
new float[]{0.5f, 0.625f, 0.75f, 0.875f, 1f}
);
paint.setShader(shader);
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawCircle(300, 300, 200, paint);
}
}
这样对第二个更详细的方法,就能理解了,至于第一个就是两种颜色的均匀分布,很好理解。