自定义一个进度跟随滑块一起滑动的progress进度条

xuchao_blog

于 2018-12-12 16:40:46 发布

阅读量1.8k

点赞数

分类专栏：自定义控件

本文链接：https://blog.youkuaiyun.com/xuchao_blog/article/details/84975359

版权

本文介绍如何创建一个进度条组件，该组件的进度会随着滑块的移动实时更新，为用户提供直观的反馈。通过结合CSS样式和JavaScript事件监听，我们可以实现一个高度定制的交互式进度跟随滑块。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

/**
 * @author XC
 * @version 5
 * @date 2017/10/17 14:43
 * @describe 进度和滑块一起滑动的ProgressView
 */
public class CustomProgressView extends View {

    private int mWidth, mHeight;// 整个的宽和高
    private int mProgressHeight;// 进度条的相对高度
    private float mProgressRealHeight = UiUtils.dip2px(5);//进度条真实高度
    private int mRadius = UiUtils.dip2px(3);// 进度条圆角半径
    private float mDragClickPaintRadius;// 拖动点半径
    private float mStartY = UiUtils.dip2px(3);//给拖动条突出部分预留空间
    private int progress;//进度值
    private float mBgProgressWidth, mAboveProgressWidth;// 背景、进度条宽度（长度）
    private Paint mBackgroundPaint, mAbovePaint, mDragClickPaint;// 背景画笔，上层画笔、拖动点

    private boolean isRoundRect = true;// 是否是圆角矩形

    private float mMaxValue = 100;//最大值

    public int getProgress() {
        return this.progress;
    }

    public void setProgress(int mValue) {
        this.progress = mValue;
        invalidate();
    }

最低0.47元/天解锁文章