ducafecatFlutter 生態導航
FLUTTER ECOSYSTEM

thruthesky/audio_wave

音頻波形條（圖表）

在 GitHub 查看 ↗
audio_wave 專案封面
Stars
17
Forks
11
最近推送（UTC）
2023年2月9日
專案狀態
未封存
JaeHo Song GitHub avatar
GITHUB User

JaeHo Song ↗

Where am I?

Withcenter, Inc.Manila官方網站 ↗
語言Dart

此儲存庫發佈的套件

使用的依賴

依賴清單 2 項
  • flutter{"sdk":"flutter"}
  • flutter_test開發依賴{"sdk":"flutter"}

原始 README

以下為英文專案原文快照，最新內容請造訪 GitHub。

展開 / 收合專案 README

Audio wave

A multi purpose simple bar graph with animation. It is highly customizable. You can customize the width and height of widget. And the height, color, and radius of bar also.

audio_wave.gif

Examples

Column(
  children: [
    Text('Audio Wave Example'),
    AudioWave(
      bars: [AudioWaveBar(heightFactor: 1)],
    ),
    AudioWave(
      bars: [
        AudioWaveBar(heightFactor: 1, color: Colors.green),
        AudioWaveBar(heightFactor: 0.1, color: Colors.black),
      ],
    ),
    AudioWave(
      height: 32,
      width: 32,
      spacing: 2.5,
      animationLoop: 3,
      bars: [
        AudioWaveBar(heightFactor: 0.7, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.8, color: Colors.blue),
        AudioWaveBar(heightFactor: 1, color: Colors.black),
        AudioWaveBar(heightFactor: 0.9),
      ],
    ),
    AudioWave(
      height: 32,
      width: 88,
      spacing: 2.5,
      bars: [
        AudioWaveBar(heightFactor: 0.1, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.2, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.3, color: Colors.black),
        AudioWaveBar(heightFactor: 0.4),
        AudioWaveBar(heightFactor: 0.5, color: Colors.orange),
        AudioWaveBar(heightFactor: 0.6, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.7, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.8, color: Colors.black),
        AudioWaveBar(heightFactor: 0.9),
        AudioWaveBar(heightFactor: 1, color: Colors.orange),
        AudioWaveBar(heightFactor: 0.1, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.2, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.3, color: Colors.black),
        AudioWaveBar(heightFactor: 0.4),
        AudioWaveBar(heightFactor: 0.5, color: Colors.orange),
        AudioWaveBar(heightFactor: 0.6, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.7, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.8, color: Colors.black),
        AudioWaveBar(heightFactor: 0.9),
        AudioWaveBar(heightFactor: 1, color: Colors.orange),
      ],
    ),
    AudioWave(
      height: 32,
      width: 88,
      spacing: 2.5,
      alignment: 'top',
      animationLoop: 2,
      beatRate: Duration(milliseconds: 50),
      bars: [
        AudioWaveBar(heightFactor: 0.1, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.2, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.3, color: Colors.black),
        AudioWaveBar(heightFactor: 0.4),
        AudioWaveBar(heightFactor: 0.5, color: Colors.orange),
        AudioWaveBar(heightFactor: 0.6, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.7, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.8, color: Colors.black),
        AudioWaveBar(heightFactor: 0.9),
        AudioWaveBar(heightFactor: 1, color: Colors.orange),
        AudioWaveBar(heightFactor: 0.1, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.2, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.3, color: Colors.black),
        AudioWaveBar(heightFactor: 0.4),
        AudioWaveBar(heightFactor: 0.5, color: Colors.orange),
        AudioWaveBar(heightFactor: 0.6, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.7, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.8, color: Colors.black),
        AudioWaveBar(heightFactor: 0.9),
        AudioWaveBar(heightFactor: 1, color: Colors.orange),
      ],
    ),
    AudioWave(
      height: 32,
      width: 160,
      spacing: 5,
      alignment: 'bottom',
      animationLoop: 2,
      beatRate: Duration(milliseconds: 50),
      bars: [
        AudioWaveBar(heightFactor: 1, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.9, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.8, color: Colors.black),
        AudioWaveBar(heightFactor: 0.7),
        AudioWaveBar(heightFactor: 0.6, color: Colors.orange),
        AudioWaveBar(heightFactor: 0.5, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.4, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.3, color: Colors.black),
        AudioWaveBar(heightFactor: 0.2),
        AudioWaveBar(heightFactor: 0.1, color: Colors.orange),
        AudioWaveBar(heightFactor: 1, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.1, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.2, color: Colors.black),
        AudioWaveBar(heightFactor: 0.3),
        AudioWaveBar(heightFactor: 0.4, color: Colors.orange),
        AudioWaveBar(heightFactor: 0.5, color: Colors.lightBlueAccent),
        AudioWaveBar(heightFactor: 0.6, color: Colors.blue),
        AudioWaveBar(heightFactor: 0.7, color: Colors.black),
        AudioWaveBar(heightFactor: 0.8),
        AudioWaveBar(heightFactor: 0.9, color: Colors.orange),
      ],
    ),
  ],
),