自定义动态的音频条形图

最新推荐文章于 2024-08-10 08:02:35 发布

原创

最新推荐文章于 2024-08-10 08:02:35 发布 · 2.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#音频条形图

本文介绍如何创建自定义的动态音频条形图。首先，通过在ondraw()方法中计算矩形坐标并设定数量，使用随机数生成高度来绘制静态矩形。接着，借助延迟绘制实现动态效果。最后，应用渐变风格给矩形添加视觉吸引力。

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

1.思路：

1.制作静态的条形图就是绘制一个个的矩形，每一个矩形之间进行一定量的偏移即可；
2.制作动态的需要对矩形进行一个重新绘制。

2.具体实现

1.在ondraw()方法中进行矩形坐标的计算。制定一定的矩形的个数，通过循环创建小矩形。利用随机数，生成随机的矩形的高度即rectItemHeight ，通过横坐标的不断平移绘制出静态的小矩形。

  @Override
    protected void onDraw(Canvas canvas) {
        super.onDraw(canvas);

        for (int i = 0; i < rectCount; i++) {
            mRandom = Math.random();     // 生成0到1的随机数
            float rectItemHeight = (float) (height * mRandom);  // 随机生成每一个item的高度
            // 画矩形,设置上下左右坐标
            canvas.drawRect((float)(width * 0.3 / 2 + rectItemWidth * i + offset),rectItemHeight,
                    (float)(width * 0.3 / 2 + rectItemWidth * (i + 1)),height,paint);
        }


    }