自定義Button的點擊聲音

要自定義按鈕點擊聲音，您需要首先確保您的項目中包含所需的聲音文件

步驟1：將聲音文件添加到項目資源文件夾中。

在Flutter項目中，您可以創建一個名為assets的文件夾（如果尚未存在），然后將聲音文件（例如click_sound.mp3）放入其中。

步驟2：配置pubspec.yaml文件以包含聲音文件。

在pubspec.yaml文件中，向flutter部分下的assets字段添加剛剛添加的聲音文件路徑。例如：

flutter:
  assets:
    - assets/click_sound.mp3

步驟3：在按鈕點擊事件中加載并播放聲音。

在您的代碼中，當用戶點擊按鈕時，使用AssetBundle加載聲音文件，并使用AudioPlayer播放它。以下是一個示例：

import 'package:flutter/material.dart';
import 'package:path_provider/path_provider.dart';
import 'package:audioplayer/audioplayer.dart';

class CustomButton extends StatelessWidget {
  final VoidCallback onPressed;

  const CustomButton({Key? key, required this.onPressed}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () async {
        // 加載聲音文件
        ByteData byteData = await rootBundle.load('assets/click_sound.mp3');
        // 創建音頻播放器
        AudioPlayer audioPlayer = AudioPlayer();
        // 播放聲音
        await audioPlayer.play(byteData.buffer.asUint8List());
        // 調用回調函數
        onPressed();
      },
      child: Container(
        decoration: BoxDecoration(
          color: Colors.blue,
          borderRadius: BorderRadius.circular(8),
        ),
        padding: EdgeInsets.symmetric(horizontal: 24, vertical: 12),
        child: Text(
          'Custom Button',
          style: TextStyle(color: Colors.white, fontSize: 24),
        ),
      ),
    );
  }
}

現在，當您使用CustomButton并點擊它時，它將播放自定義的點擊聲音。