寶可夢圖鑑 - Pokedex

App 畫面:

Github 連結:

作業說明:

期末塵務經心,最近在玩寶可夢朱紫,就做一個簡易的寶可夢圖鑑。也用 SwiftUI 畫一點簡單的圖案,比如參考洛托姆的登入畫面和背景的精靈球。

功能需求:

  • 串接後台的 API 抓取 JSON 資料後以 List 顯示,點選 row 可到下一頁顯示 detail,至少使用到兩個 API。
  • 以 TabView & NavigationView 製作多頁面 App。
  • 定義遵從 ObservableObject 的 class 串接網路 API 抓資料,利用 Published property 觸發畫面更新,使用到 EnvironmentObject。
  • 使用 ProgressView 顯示資料下載中。
  • 資料抓取失敗,比方沒有網路時,顯示 alert。
  • 使用 SPM 加入第三方套件。(不包含上課範例提到的 Kingfisher)

加入 Liquid 套件,在呈現寶可夢細節的頁面,背景放上兩坨會動來動去的液體。如果寶可夢有兩種屬性就兩種顏色,只有一種屬性就一種顏色。

  • 下拉更新功能。
  • 使用 FavQs API 開發註冊登入功能。
  • 加入 search 功能。
  • 實現分享功能。
  • 資料可儲存跟刪除,比方加入收藏功能儲存網路抓取的資料。
  • 使用到至少一個沒教過的功能技術,使用愈多分數愈高。可在文章裡特別說明使用哪些沒教的技術。

用到 Widget,每隔一段時間隨機呈現一個寶可夢

--

--