随时随地阅读更多技术实战干货,获取项目源码、学习资料,请关注源代码社区公众号(ydmsq666)
PathEffect包含了如下子类,每个子类代表一种绘制效果:
1、CornerPathEffect
2、DiscretePathEffect
3、DashPathEffect
4、PathDashPathEffect
5、ComposePathEffect
6、SumPathEffect
下面通过一个程序来理解这些绘制效果,包括不使用效果和上面6种效果的示意:
Activity:
package com.lovo.testcanvasactivity;
import android.app.Activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.ComposePathEffect;
import android.graphics.CornerPathEffect;
import android.graphics.DashPathEffect;
import android.graphics.DiscretePathEffect;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.PathDashPathEffect;
import android.graphics.PathEffect;
import android.graphics.SumPathEffect;
import android.os.Bundle;
import android.view.View;
public class TestPathActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(new MyView(this));
}
class MyView extends View {
// 路径效果的相位
float phase;
// 7种不同路径效果的数组
PathEffect[] effects = new PathEffect[7];
// 颜色ID数组
int[] colors;
// 画笔
private Paint paint;
// 声明路径 对象
Path path;
public MyView(Context context) {
super(context);
paint = new Paint();
paint.setStyle(Paint.Style.STROKE);
paint.setStrokeWidth(4);
// 创建、并初始化Path
path = new Path();
path.moveTo(0, 0);
for (int i = 0; i <= 15; i++) {
// 生成15个点,随机生成它们的Y坐标,并将它们连成一条Path
path.lineTo(i * 20, (float) Math.random() * 60);
}
// 初始化7个颜色
colors = new int[] { Color.BLACK, Color.BLUE, Color.CYAN,
Color.GREEN, Color.MAGENTA, Color.RED, Color.YELLOW };
}
@Override
protected void onDraw(Canvas canvas) {
// 将背景填充为白色
canvas.drawColor(Color.WHITE);
// -----下面开始初始化7种路径效果-------
// 不使用路径效果
effects[0] = null;
// 使用CornerPathEffect路径效果
effects[1] = new CornerPathEffect(10);
// 初始化DiscretePathEffect
effects[2] = new DiscretePathEffect(3.0f, 5.0f);
// 初始化DashPathEffect
effects[3] = new DashPathEffect(new float[] { 20, 10, 5, 10 },
phase);
// 初始化PathDashPathEffect
Path p = new Path();
p.addRect(0, 0, 8, 8, Path.Direction.CCW);
effects[4] = new PathDashPathEffect(p, 12, phase,
PathDashPathEffect.Style.ROTATE);
// 初始化ComposePathEffect
effects[5] = new ComposePathEffect(effects[2], effects[4]);
// 初始化SumPathEffect
effects[6] = new SumPathEffect(effects[4], effects[3]);
// 将画布移动到8、8处开始绘制
canvas.translate(8, 8);
// 依次使用7种不同路径效果、7种不同颜色来绘制路径
for (int i = 0; i < effects.length; i++) {
paint.setPathEffect(effects[i]);
paint.setColor(colors[i]);
canvas.drawPath(path, paint);
canvas.translate(0, 60);
}
// 改变phase值,形成动画效果
phase += 1;
// 重绘
invalidate();
}
}
}