iOS作業-SwiftUI製作電子書-BanG Dream!少女樂團派對

BanG Dream!是日本武士道公司旗下以同名漫畫為基礎所發展出來的一個企劃,漫畫主要在描述一群女高中生們的樂團活動所展開的精彩故事,隨著時間發展,BanG Dream!企劃已推出了達三季的電視動畫、劇場版電影、以及推出音樂遊戲等等。

在此偷懶放出相關連結(源自維基百科/萌娘百科)

(一)App icon與App名稱&&基本畫面

App基本畫面

(二)Light mode&dark mode切換

兩種模式切換

(三)iPhone、iPad、MAC畫面

iPhone畫面
iPad空白畫面
MAC畫面無法產生

(四)github連結

(五)作業說明/遇到的困難/心得

因為現在時間有點吃緊QQ,所以大部分都依照講義步驟來製作本次作業的內容,所以呈現上比較普通一些,之所以選擇這個主題純粹就是個人興趣

首先有些問題沒有解決,就是不同裝置上轉換問題,iPad上可以正常開啟,但不明原因的空白畫面,不知道是什麼問題,另外是MAC上即使使用Local開啟並使用Apple ID,仍然有些錯誤訊息沒有辦法正常打開模擬器,所以目前只放上iPhone截圖

作品內遇到的問題的話,首先是List中內容太複雜的問題,我的問題是List中每個Section內容太複雜了,導致compiler無法正常讀取,後來是使用extract subview才解決此問題,處理方法詳見以下Peter大大的文章

接著遇到的問題是,當手機畫面滑動太快時,有時候List抓取陣列資料並顯示在畫面上時會有問題,導致List表格中顯示的內容與原來設定的不符合(抓取到其他陣列的內容等等),目前此問題還不知道如何排除

其他的主要是排版部分,真的要稍微花一下心力才有辦法做出具有設計感的畫面,天真的我以為使用一大堆背景圖片就可以做出不賴的畫面,結果只讓畫面變得更混亂,所以就跑出我這個美感0分,笑點87分的作品,誠心建議有時候單純留白或是使用單色與漸層背景反而可以製造出獨有的美感,也更容易凸顯主題

再來就是歌詞或文章的部分,想要從網站上抓取資料直接貼入會馬上被打臉,因為必須處理\n換行的部分,範例中有人使用程式先對文字作轉換,對我這個程式障礙來說有點難,所以沒有做這個部分,大家可以試試看

最後心得就是拉圖片跟資料真的累,排版需要花一些心思才能真正做出一個好作品,這個作品只能說是一個有點糟糕的雛形,希望還有機會的話再回來調整

--

--