用path画一个抽象的树叶

作者: 夏洛克的喵 | 来源:发表于2016-09-06 19:17 被阅读313次

源码地址:https://github.com/X-FAN/LeafView
只是个简单的demo,大家可以参考下

public class PathTestView extends View {
    private int mWidth;
    private int mHeight;
    private int mDuration = 5000;
    private int mState = 0;//当前状态;
    private float mFraction;


    private Paint mPaint;
    private PathMeasure mPathMeasure;
    private PathMeasure mPathMeasureLeft;
    private PathMeasure mPathMeasureRight;
    private ValueAnimator mAnimator;


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

    public PathTestView(Context context, AttributeSet attrs) {
        this(context, attrs, 0);
    }

    public PathTestView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initPaint();
        initPathAndMeasure();
        initAnimator();
    }

    private void initPaint() {
        mPaint = new Paint();
        mPaint.setStrokeWidth(10);
        mPaint.setStyle(Paint.Style.STROKE);
        mPaint.setColor(Color.WHITE);
    }

    private void initPathAndMeasure() {
        Path mPathLine = new Path();
        Path mPathLeft = new Path();
        Path mPathRight = new Path();
        mPathLine.lineTo(0, 400);
        mPathMeasure = new PathMeasure(mPathLine, false);
        mPathLeft.quadTo(-200, 200, 0, 400);//画贝赛尔曲线
        mPathMeasureLeft = new PathMeasure(mPathLeft, false);
        mPathRight.quadTo(200, 200, 0, 400);
        mPathMeasureRight = new PathMeasure(mPathRight, false);
    }

    private void initAnimator() {
        mAnimator = ValueAnimator.ofFloat(0f, 1.0f);
        mAnimator.setDuration(mDuration);
        mAnimator.setInterpolator(new DecelerateInterpolator());
        mAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {
            @Override
            public void onAnimationUpdate(ValueAnimator animation) {
                mFraction = (float) animation.getAnimatedValue();
                invalidate();
            }
        });
        mAnimator.addListener(new AnimatorListenerAdapter() {
            @Override
            public void onAnimationEnd(Animator animation) {
                if (mState < 3) {//更改状态
                    mState++;
                } else {
                    mState = 0;
                }
                mAnimator = mAnimator.clone();//本来想直接复用mAnimator,但是执行到onAnimationEnd,mAnimator貌似没有立即结束,直接start会有问题,
                mAnimator.start();           //问题待研究,若有知道具体原因的望告知

            }
        });
        mAnimator.start();
    }

    @Override
    protected void onSizeChanged(int w, int h, int oldw, int oldh) {
        super.onSizeChanged(w, h, oldw, oldh);
        mWidth = w;
        mHeight = h;
    }

    @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);
        canvas.translate(mWidth / 2, mHeight / 2);// 将画布坐标原点移动到中心位置
        canvas.scale(1, -1);//翻转y轴
        canvas.save();
        drawLine(canvas);
        drawLeaf(canvas);
        canvas.restore();
    }

    /**
     * 画叶子的边界
     *
     * @param canvas
     */
    private void drawLeaf(Canvas canvas) {
        Path dst = new Path();
        Path dstRight = new Path();
        switch (mState) {
            case 0:
                mPathMeasureLeft.getSegment(0, mPathMeasureLeft.getLength() * mFraction, dst, true);//取出要绘制部分的path
                mPathMeasureRight.getSegment(0, mPathMeasureRight.getLength() * mFraction, dstRight, true);
                break;
            case 1:
                mPathMeasureLeft.getSegment(mPathMeasureLeft.getLength() * mFraction, mPathMeasureLeft.getLength(), dst, true);//取出要绘制部分的path
                mPathMeasureRight.getSegment(mPathMeasureRight.getLength() * mFraction, mPathMeasureRight.getLength(), dstRight, true);
                break;
            case 2:
                mPathMeasureLeft.getSegment(mPathMeasureLeft.getLength() * (1 - mFraction), mPathMeasureLeft.getLength(), dst, true);//取出要绘制部分的path
                mPathMeasureRight.getSegment(mPathMeasureRight.getLength() * (1 - mFraction), mPathMeasureRight.getLength(), dstRight, true);
                break;
            case 3:
                mPathMeasureLeft.getSegment(0, mPathMeasureLeft.getLength() * (1 - mFraction), dst, true);//取出要绘制部分的path
                mPathMeasureRight.getSegment(0, mPathMeasureRight.getLength() * (1 - mFraction), dstRight, true);
                break;
            default:
                break;
        }
        canvas.drawPath(dst, mPaint);
        canvas.drawPath(dstRight, mPaint);
    }

    /**
     * 画主干
     */
    private void drawLine(Canvas canvas) {
        Path dst = new Path();
        switch (mState) {
            case 0:
                mPathMeasure.getSegment(0, mPathMeasure.getLength() * mFraction, dst, true);
                break;
            case 1:
                mPathMeasure.getSegment(mPathMeasure.getLength() * mFraction, mPathMeasure.getLength(), dst, true);
                break;
            case 2:
                mPathMeasure.getSegment(mPathMeasure.getLength() * (1 - mFraction), mPathMeasure.getLength(), dst, true);
                break;
            case 3:
                mPathMeasure.getSegment(0, mPathMeasure.getLength() * (1 - mFraction), dst, true);
                break;
            default:
                break;
        }
        canvas.drawPath(dst, mPaint);
    }


}

效果图


这里写图片描述

相关文章

  • 用path画一个抽象的树叶

    源码地址:https://github.com/X-FAN/LeafView只是个简单的demo,大家可以参考下 效果图

  • 我给你画一个吧

    我给你画一个吧 我想要天上的月亮, 好吧,我给你画一个吧! 我想要天上的太阳, 好吧,我给你画一个吧! 我想要树叶...

  • Mac 终端环境变量配置技巧

    设置PATH的语法都为: //中间用冒号隔开export PATH=$PATH: : : :------: 1、全...

  • 搬运工‖诗歌摘录79

    可以弄明白的爱情 作者:李元胜 当爱情用鸟的眼睛 看着你的时候 要画一些树枝 让它可以落脚 画一滴就要从树叶滚...

  • 可以弄明白的爱情

    可以弄明白的爱情 作者:李元胜 当爱情用鸟的眼睛 看着你的时候 要画一些树枝 让它可以落脚 画一滴就要从树叶滚下的...

  • 抽象画

    《抽象画》 隔着千山,隔着暮雪 隔着一阕词 画一画胭脂如血 画一画美人如烟 画一个,永不相见的人 《日子》 男人的...

  • 365 天的速涂计划,365 个治愈的故事

    在很长一段时间里,Atey Ghailan 都想画一个属于自己的故事:Path of Miranda(米兰达之路)...

  • javase part21 File

    java中文件的类File 文件和目录路径名的抽象表示形式java中表示一个路径: String path = "...

  • 抽象类

    抽象类用abstract修饰,抽象方法也用abstract修饰抽象类的特点:1)用abstract修饰的类2)抽象...

  • 关于PATH(on Windows)

    1.使用batch file设置PATH 2.用户PATH和系统PATH Windows实际上是将系统PATH和用...

网友评论

    本文标题:用path画一个抽象的树叶

    本文链接:https://www.haomeiwen.com/subject/jnndettx.html