【音视频】播放音频能量跳动状态柱状View

唯爱丶卡卡西

于 2019-03-08 15:55:53 发布

阅读量990

点赞数 1

分类专栏：自定义View/动画Animator 文章标签： audio 柱状图自定义柱状图音视频柱状图音视频能量图

本文链接：https://blog.youkuaiyun.com/qq_31332467/article/details/88352943

版权

本文介绍如何在音视频类APP中创建一个自定义的柱状图View，展示音频能量的跳动状态。通过手写自定义VIEW，可以实现更灵活的视觉效果，包括柱子数量、高度和颜色的个性化定制，相比简单的帧动画更加高级且可定制性强。

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

引言

做音视频类的APP，大多都会遇到一个需要用的VIEW，那就是音频跳动能量柱
一般简单点，我们就搞个帧动画，UI 切切切就完事，这是最简单的，也是成效最快的，缺点就是一直循环的几张图。
另一种情况就是手写VIEW，这样更高大上点，效果看起来也比较好，而且颜色以及柱的数量高度可以随意定制。

自定义VIEW

public class AudioColumnView extends View {
   
    private int columnNum = 5;
    private int random;
    private boolean isStart = true;
    private Random mRandom;
    private int mRect_t1;
    private int mRect_t2;
    private int mRect_t3;
    private int mRect_t4;
    private int mRect_t5;
    private Handler mHandler = new Handler(){
   
        @Override
        public void handleMessage(Message msg) {
   
            if (msg.what == 0x1234) {
   
                invalidate();
            }
        }
    };
    private Paint mPaint;
    private int mWidth;
    private int mHeight;
    private double mRect_w;
    private RectF r1;
    private RectF r2;
    private RectF r3;
    private RectF r4;
    private RectF r5;
    public AudioColumnView(Context context) {
   
        this(context, null);

最低0.47元/天解锁文章