# Flutter 實戰 Part II --- ppt連結  ---- [專案檔](https://github.com/teddywang0824/music_player/tree/teach) 👈👈  --- ## 今天做甚麼 ? 簡易音樂撥放器 !! UI 介面參考👇 ----  ----  ----  ----  ----  --- ### 專案結構概覽 | 檔案 | 功能說明 | | -------------------- | --------------------- | | `main.dart` | App 主入口與首頁結構 | | `audiodownload.dart` | 音樂下載視窗（輸入 YouTube 連結） | | `musiclist.dart` | 顯示已下載音樂，含播放、刪除、改名功能 | | `player.dart` | 音樂播放介面與控制器 | --- ## 🧩 Step1：main.dart * 解說 `main.dart` * 使用 `MaterialApp`、`Scaffold`、`AppBar` --- ## 🧩 Step2：音樂下載功能 * 說明 `audiodownload.dart` 中的 TextField、按鈕與狀態文字 * 嘗試串接 YoutubeExplode * 找到下載位置 --- ## 🧩 Step3：音樂列表頁面(主頁面) * 目標：顯示清單、點擊播放、長按彈出選單 * 完成： * `ListTile` 的樣式與操作 * `onTap` 播放音樂 * `onLongPress` 顯示 Dialog，實作刪除與改名功能 --- ## 🧩 Step4：撥放器控制 * `player.dart` 中的播放按鈕、slider、狀態更新 * 完成： * 播放 / 暫停按鈕切換 * 播放下一首 / 上一首邏輯 * Slider 移動時調整播放位置