音樂播放器-音樂製作人Cash

Cash
彼得潘的 Swift iOS / Flutter App 開發教室
4 min readJun 18, 2020

Cash是工程師,也是一名音樂製作人,
把喜歡的事物,實體化做出成品。

將近幾年來的音樂作品,收藏在我的App中,
在音樂路上,曾經的夥伴們,
我們一起經歷過的,都不會被遺忘,
至少我能記得。

目標:一個自我介紹的App
Tab 1. 個人名片
Tab 2. 音樂播放器
Tab 3. 十年回顧

1.將SwiftUI的作品,結合StoryBoard
2.擁有基礎功能的音樂播放器
3.以Collection View選取專輯
4.以Table View選取專輯歌曲清單的歌

設定PList清單
Array存放專輯 三個Item
內容有:照片 專輯名稱 專輯作者 專輯資訊 專輯歌曲[]
專輯歌曲Array[]
歌曲屬性:歌曲編號 歌曲名稱 歌曲作者 檔案名稱

依照需求設定Music的屬性結構

設計UI畫面:
用Hosting Controller控制SwiftUI的畫面
製作一個類似apple的音樂播放器

Collection View & Table View

Collection View & Table View 參考來自曾做的App

音樂播放器

拉元件、設定參數、畫面載入時呼叫初始化的方法
設定音量、播放功能、更新歌曲的方法
設定時間功能、上一首、播放/暫停、下一首 按鈕功能
設定上一首、下一首的判斷式

為了讓自己方便閱讀
我將方法分工得很細
未來會再將進階功能升級
2.0會再優化音樂播放器

GitHub連結:(音樂歌曲涉及版權,權限僅供您試聽)

--

--