Android学习笔记-自定义仿支付宝ProgressBar动画

最新推荐文章于 2020-12-01 14:07:59 发布

打豆豆1992

最新推荐文章于 2020-12-01 14:07:59 发布

阅读量2k

点赞数 1

分类专栏：自定义控件文章标签： android 自定义控件 ProgressBar

本文链接：https://blog.csdn.net/a822317098/article/details/49361635

版权

本文介绍了如何在Android中实现一个仿支付宝风格的ProgressBar动画。通过线程不断更新进度并利用弧形绘制，当收到结束信号时，结合路径坐标平滑变化来展示成功或失败的动画效果。提供了实际的代码示例和效果展示。

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

最近开始学习自定义控件，看到支付宝支付的ProgressBar动画感觉不错，就学着也做一个这样的ProgressBar。

首先看效果图

原理：

一个线程无限改变进度画弧形，当外部告知结束，通过判断结果呈现成功或者失败动画，通过path坐标缓慢变化就可以实现动画效果
代码如下：

<span style="font-weight: normal;">public class LoadingBar extends View {
    /**
     * 进度条画笔
     */
    private Paint mPaintProgress;
    /**
     * 进度条背景
     */
    private Paint mPaintLoaded;
    /**
     * 进度条所在矩形
     */
    private RectF mRectF;
    //中心点坐标
    private int mCenterX, mCenterY;
    /**
     * 加载handler
     */
    private Handler mHandlerLoading;
    /**
     * 加载线程
     */
    private Runnable mRunnableLoading;
    /**
     * 进度条颜色
     */
    private int mLoadingBarColor = 0xFF00BCD4;
    /**
     * 尾部进度
     */
    private int mProgressFoot = 0;
    /**
     * 头部进度
     */
    private int mProgressHead = 0;
    /**
     * 进度最大值
     */
    private int maxProgress = 100;
    /**
     * 是否正在加载
     */
    private boolean isLoading;
    /**
     * 头部速度大于尾部
     */
    private boolean isChanse;
    /**
     * 旋转睡眠时间
     */
    private static int PROGRESS_DELAY = 5;


    /**
     * 加载完成动画路径1
     */
    private Path mPath1;
    /**
     * 加载完成动画路径2
     */
    private Path mPath2;
    /**
     * 路径坐标
     */
    private float pathX, pathY;
    /**
     * 第二条路径坐标
     */
    private float pathX2, pathY2;

    /**
     * 控件宽高
     */
    private int minSide;
    /**
     * 内边框
     */
    private static float padding &#