自定义View练习之实现一个打勾动画

最新推荐文章于 2024-09-08 06:50:28 发布

里曼马都12138

最新推荐文章于 2024-09-08 06:50:28 发布

阅读量2k

点赞数

文章标签： Android

本文链接：https://blog.csdn.net/qq_35770354/article/details/82722180

版权

这篇博客展示了如何在Android中使用path和animation配合实现一个打勾动画。通过在onDraw中不断重绘，作者详细介绍了从初始化path和paint，到点击按钮启动圆弧动画，再到画钩的完整过程。在圆画完后，利用监听器启动画钩的动画，通过改变路径方向模拟钩的形状。文章提供了布局文件和MainActivity的代码示例，并指出在模拟器上可能每次显示的钩会有所不同，真机则不会出现此问题。

摘要由CSDN通过智能技术生成

先看效果图：

好吧不明白为什么这次上传后的动图占了这么大一块地方，不过这不是重点，下面就一起来看看这个简单的画圆+画钩是怎么实现的吧。

本文主要是用到了path和animation的配合，然后在onDraw中不断重绘，最终达到效果。

先看下全部的代码，然后再解释：

public class CustomView extends View {

    private Paint mPaint = new Paint();
    private Path mPath = new Path();
    private float mProgress;

    //画圆
    private ValueAnimator mAnimatorCircle;
    //画勾
    private ValueAnimator mAnimatorHook;

    public CustomView(Context context) {
        super(context);
        init();
    }


    public CustomView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public CustomView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {