製作結合酷炫動畫的電子書APP

這次製作的電子書主要是介紹日本神作-SAO的APP，作業功能需求如下:

• 使用 TabView 製作下面有 tab bar 的分頁。
  使用 NavigationStack(NavigationView) & NavigationLink 切換頁面 & 傳資料到下一頁，navigation bar 上要顯示標題。

• 利用 page 實現分頁瀏覽。

• 使用到酷炫動畫。

見影片

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

見影片

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

• 使用 List 製作表格，至少一個頁面的 List 用到 Section 分類表格。
• List 搭配遵從 protocol Identifiable 的資料。
• 打開連結的 Link 按鈕。

• 支援 dark mode & light mode。

ipad無法展示

• 支援 iPhone & iPad。

• 使用到以下連結的方法調整元件位置。
• 使用 SF Symbol。
• 使用格子狀排列的 LazyVGrid 實現照片牆。

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

• 使用 VideoPlayer 播放影片

見影片

• 設定 App Icon & 名稱。

iPad無法展示

• 利用 extract subview 將 view 模組化。

Demo影片:

Github連結:

GitHub - ethanhuang0857/IOS_SAO