PaintでのComponentPathEffectの簡単な使用

2568 ワード

前に、PathEffectの2つのサブクラスを知っていましたが、今、3番目のサブクラスComposePathEffectを知ってみましょう.それは面白いです.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);
    }
}