仿音频播放进度条，自定义带刻度的SeekBar

最新推荐文章于 2021-05-25 23:56:41 发布

原创

最新推荐文章于 2021-05-25 23:56:41 发布 · 6.6k 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍如何根据项目需求自定义一个带有刻度的SeekBar，展示自定义SeekBar与原生SeekBar的区别，并提供完整的代码实现。内容包括在构造器中初始化滑块样式、测量布局、绘制进度条、文字和滑块的步骤，以及如何设置SeekBar不可拖动。

最近项目需求有个音频播放进度条类似这种的。之前进度条都是用progressbar搞得。但是没有滑块，于是就想到了seekbar，这个是有滑块的Thumb。

这里说明一下Thumb 滑块样式很重要，我们可以在drawable里面自定义滑块的样式，也可以用图片等代替。

这里先附上完整代码运行后的图以及原生seekbar的样式。

上面的自定义的，下面是原生的，感觉原生其他还是蛮好看的，点击按下还有效果（自定义也可以实现自己想要的效果，这里需求了没有，就不在赘述）。

现在根据需求自定义我们的view在

public class CustomSeekBar extends AppCompatSeekBar {}

自定义seekbar里面

我们需要画三个东西，一个是进度条一个是文字一个是滑块。

附上代码

 private void initPaint() {
        //文字画笔
        mTextPaint = new Paint();
        mTextPaint.setARGB(255, 255, 255, 255);
        mTextPaint.setAntiAlias(true);
        mTextPaint.setTextSize(mThumb.getMinimumHeight() * 3 / 6);/

最低0.47元/天解锁文章