#01 模仿一頁 Spotify 畫面

結果展示

左邊是原始圖片,右邊是用 SwiftUI 模仿出來的畫面

非常明顯的變化主要是在 icon 上,挑的 icon 都是沒版權問題的,來源可以從 github 連結中找到

Github: https://github.com/Roykesydon/iOS-App-Dummy

這次的作業是用 SwiftUI 刻出一個和原始 App 相近的畫面

因為我很常用 Spotify,這畫面沒多複雜也不至於太簡單,所以就挑這個

重要程式碼

因為只是第一次作業,只是一些簡單的拼拼貼貼,所以重點程式碼也都只是很簡單的東西

裡面除了 icon 外的圖片都是用超連結的方式從 Spotify 或其他網站取得的

類似概念的 icon 則是從 Flaticon 抓的

有些會超出畫面的部分用 ScrollView 協助處理

底下有個由背景色轉透明的漸層,用 LinearGradient 慢慢調低透明度即可

我載的 icon 都是白色的,要改顏色直接套色彩增值就行了

--

--