#HW2 製作結合酷炫動畫效果的電子書 App

(一)操作畫面

(二)GitHub連結

GitHub - lcwd1119/ebook_app: ios hw2

(三)作品截圖

歌手及歌手介紹

專輯及歌曲播放

其他畫面及隨機播放

影片觀看

IPad畫面

(四)作品說明

這次會做這個是因為他們是我滿喜歡的歌手，本來只有想做Aimer一個的，但是想一想反正多做一個好像也不會怎麼樣，所以後來就再多加了ClariS上去，裡面有放上一些關於他們的介紹以及我比較喜歡的幾首歌，加上YT的影片，希望可以讓更多人知道他們。

(五)功能需求

• 使用 TabView 製作下面有 tab bar 的分頁。

• 使用 NavigationView & NavigationLink 切換頁面 & 傳資料到下一頁，navigation bar 上要顯示標題。

• 利用 page 實現分頁瀏覽。

• 使用到酷炫動畫。

• 利用 transition 設定元件出現的動畫效果。

• 資料存在 array 裡，array 成員的型別是 struct 定義的自訂型別，遵從 protocol Identifiable。

• 使用 List 製作表格，至少一個頁面的 List 用到 Section 分類表格。

• 生成 List 時搭配 id 或 Identifiable。

• 打開連結的 Link 按鈕。

• 支援 dark mode & light mode。

• 支援 iPhone & iPad。

• 使用到以下連結的部分方法調整元件位置。

• 使用 SF Symbol。

• 使用格子狀排列的 LazyVGrid 實現照片牆。

• 上下捲動的 List 裡有水平捲動的 ScrollView ＆ LazyHGrid。

• 使用 VideoPlayer 播放影片

• 設定 App Icon & 名稱。

• 利用 extract subview 將 view 模組化。

(六)加分功能

• 使用 plist 設定開頭畫面。

• 漸層背景

• 生動有趣的圖片效果 modifier

• 組合多種文字樣式

• 客製字型

• 製作分隔線的 SwiftUI Divider。

• 利用 mask 或 clipShape 將圖片裁切特別的形狀。

• 加入音樂或音效。

• 簡化大量 modifier 程式的 SwiftUI ViewModifier

• 毛玻璃背景: Material