#01 模仿一頁 Spotify 畫面
Published in
Sep 26, 2022
結果展示
左邊是原始圖片,右邊是用 SwiftUI 模仿出來的畫面
非常明顯的變化主要是在 icon 上,挑的 icon 都是沒版權問題的,來源可以從 github 連結中找到
這次的作業是用 SwiftUI 刻出一個和原始 App 相近的畫面
因為我很常用 Spotify,這畫面沒多複雜也不至於太簡單,所以就挑這個
重要程式碼
因為只是第一次作業,只是一些簡單的拼拼貼貼,所以重點程式碼也都只是很簡單的東西
裡面除了 icon 外的圖片都是用超連結的方式從 Spotify 或其他網站取得的
類似概念的 icon 則是從 Flaticon 抓的
有些會超出畫面的部分用 ScrollView 協助處理
底下有個由背景色轉透明的漸層,用 LinearGradient 慢慢調低透明度即可
我載的 icon 都是白色的,要改顏色直接套色彩增值就行了