iOS作業三-使用 SwiftUI 的 UI 元件 & data binding 創作有趣的 App-D4DJ

廖書賢
海大 SwiftUI iOS / Flutter App 程式設計
4 min readApr 19, 2020

D4DJ,全名Dig Delight Direct Drive DJ,是日本武士道公司,在《Project Milky Holmes》、《BanG Dream! 》、《少女☆歌劇 Revue Starlight》與《ARGONAVIS from BanG Dream! 》之後推出的新多媒體計畫,主要為DJ主題作為整個企劃主軸,目前動畫與遊戲也都確定開始製作中

除此之外,現在D4DJ也有相當多的公開LIVE演出,也有專輯的發行,這個企劃的發展,可說是相當令人期待呢!

近期公開的LIVE影片

(一)錄製GIF與Light mode&&Dark mode切換

實際操作畫面

(二)Github連結

(三)部分App截圖

選擇去演唱會跳出的提醒視窗
練習Blend效果與Picker選單
練習角色組合的選擇頁面,點選Toggle展開後可以依照使用者Picker選擇變換組合,此畫面是由上一頁底端Button跳進的Sheet頁面,點選下方Button可以回到最初頁面

(四)作業說明

這麼棒的音樂饗宴怎麼可以沒有音樂呢,所以這次特別想說加了一下背景音樂,步驟非常簡單就不再贅述,可以參考以下帥氣Peter的教學文章

另外,如果在Form表單不斷加入想要的效果的話,很有可能會讓程式感覺亂成一團,有時候還會有compiler讀取過久的問題(一樣可以參考以下Peter的文章解決此問題),此時可以使用extract subview做適當簡化,如此一來很清楚自己在做什麼,整個表單的可讀性高很多,也可以針對各個View去處理遇到的問題

適當使用extract subview可以讓邏輯更清晰,程式碼更簡潔

(五)背景音樂網址與更多LIVE (→所有資源僅作為作業用途使用)

下方是背景音樂所使用的影片來源,以及更多相關的精彩LIVE,,一起來看看吧!

--

--