Android自定义View——贝塞尔曲线实现水波纹进度条

最新推荐文章于 2025-06-11 21:36:44 发布

zhaihaohao1

最新推荐文章于 2025-06-11 21:36:44 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏：自定义

本文链接：https://blog.youkuaiyun.com/zhaihaohao1/article/details/80394586

1效果图
这里写图片描述
2自定义进度条

package com.zhh.waveview;

import android.animation.ValueAnimator;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.Path;
import android.graphics.Point;
import android.graphics.Rect;
import android.support.annotation.Nullable;
import android.util.AttributeSet;
import android.view.View;
import android.view.animation.LinearInterpolator;

/**
 * Created by 16838 on 2018/5/21.
 */
/*
 * 文件名:    WaveView
 * 创建者:    ZSY
 * 创建时间:  2017/8/29 on 09:10
 * 描述:     TODO 水波纹view 剩余流量球
 */
public class WaveView extends View {
   
   

    /*画布宽度*/
    private int width;
    /*画布高度*/
    private int height;
    /*sin曲线画笔*/
    private Paint paint;
    /*圆的画笔*/
    private Paint textPaint;
    /*文本画笔*/
    private Paint circlePaint;
    /*sin曲线的路径*/
    private Path path;
    /*sin曲线 1/4个周期的宽度*/
    private int cycle = 160;
    /*sin曲线振幅的高度*/
    private int waveHeight = 80;
    /*sin曲线的起点*/
    private Point startPoint;
    /*当前进度*/
    private int progress;
    /*x轴平移量*/
    private int translateX = 40;
    /*是否启用了动画设置进度*/
    private boolean openAnimate = false;
    /*是否自增长*/
    private boolean autoIncrement = true;

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

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

    private void init(Context context) {
        path =