PaintでのComponentPathEffectの簡単な使用
2568 ワード
前に、PathEffectの2つのサブクラスを知っていましたが、今、3番目のサブクラスComposePathEffectを知ってみましょう.それは面白いです.2つのサブクラスの効果をつなぎ合わせています.二つだと覚えておいてください.多くはできません.それは方法です
それはまずinnerpeの効果を表現して、それから中outerpeの効果を表現して、次は前の2章の2つのサブクラスを結合して、コードを見てみましょう
public ComposePathEffect(PathEffect outerpe, PathEffect innerpe) {
native_instance = nativeCreate(outerpe.native_instance,
innerpe.native_instance);
}
それはまずinnerpeの効果を表現して、それから中outerpeの効果を表現して、次は前の2章の2つのサブクラスを結合して、コードを見てみましょう
public class PathComposePathEffectView extends View {
private Paint mPaint;
private Path mPath;
private PathEffect comPathEffect;
private PathEffect cornerPathEffect;
private PathEffect dashPathEffect;
private PathMeasure mPathMeasure;
private float mLength;
private float animValue;
public PathComposePathEffectView(Context context) {
this(context,null);
}
public PathComposePathEffectView(Context context, AttributeSet attrs) {
this(context, attrs,0);
}
public PathComposePathEffectView(Context context, AttributeSet attrs, int defStyleAttr) {
super(context, attrs, defStyleAttr);
mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
mPaint.setStyle(Paint.Style.STROKE);
mPaint.setStrokeWidth(5);
mPaint.setColor(Color.RED);
mPath = new Path();
mPath.moveTo(0,100);
mPath.lineTo(100,150);
mPath.lineTo(200,50);
mPath.lineTo(300,200);
mPath.lineTo(400,150);
mPathMeasure = new PathMeasure(mPath,false);
mLength = mPathMeasure.getLength();
//
cornerPathEffect = new CornerPathEffect(30);
// ,
ValueAnimator animator = ValueAnimator.ofFloat(1,0);
animator.setDuration(2000);
animator.setRepeatCount(0);
animator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
@Override
public void onAnimationUpdate(ValueAnimator animation) {
animValue = (float)animation.getAnimatedValue();
dashPathEffect = new DashPathEffect(new float[]{mLength,mLength},mLength * animValue);
// Effect
comPathEffect = new ComposePathEffect(cornerPathEffect,dashPathEffect);
mPaint.setPathEffect(comPathEffect);
invalidate();
}
});
animator.start();
}
@Override
protected void onDraw(Canvas canvas) {
super.onDraw(canvas);
canvas.drawPath(mPath,mPaint);
}
}