SwiftUI-Penguin(eBook)

gif檔

（一）圖片展示

• 設定 App Icon & 名稱

• 支援 dark mode & light mode

• 支援 iPhone & iPad

(二）GitHub link

Popcorn0924-0924/00857202_penguin-eBook

(三) App 操作的影片

(四) 文字說明

這次的作業是eBook，就決定做一些我喜歡的且冷門的介紹～企鵝

一開始以為不會做太久畢竟老師都把每一個步驟都寫得很清楚，學長姐的作品也幫助很大，但格式版面都需要去思考，找資料也是個很大的學問，我也是做了這個app才知道企鵝的總類有如此的多，幸好他們長得夠可愛又好笑我才能有耐心地把它做完

功能需求

• 使用 TabView 製作下面有 tab bar 的分頁
• 使用 NavigationView & NavigationLink 切換頁面 & 傳資料到下一頁，navigation bar 上要顯示標題
• 利用 PageTabViewStyle 實現分頁瀏覽

使用 TabView 製作下面有 tab bar 的分頁。右邊使用 NavigationView & NavigationLink 切換頁面 & 傳資料到下一頁，navigation bar 上要顯示標題。左邊使用利用 PageTabViewStyle 實現分頁照片瀏覽

• 使用到酷炫動畫 — 影片
• 利用 transition 設定動畫效果 — 影片
• 多行捲動文字的 TextEditor
• 資料存在 array 裡，array 成員的型別是 struct 定義的自訂型別（以企鵝總類分類）

https://streamable.com/xpx79i(酷炫動畫）

https://streamable.com/nj1vq8（多行捲動文字）

• 使用 List 製作表格，至少一個頁面的 List 用到 Section 分類表格
• 生成 List 時搭配 id 或 Identifiable

• 打開連結的 Link 按鈕

https://streamable.com/e2v2ba

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

(五）加分

• 漸層背景（標題）
• 生動有趣的圖片效果 modifier
• 組合多種文字樣式
• 利用 mask 或 clipShape 將圖片裁切特別的形狀 — 將球員照片切為圓形