SwiftUI-Penguin(eBook)
Published in
Oct 18, 2020
gif檔
(一)圖片展示
- 設定 App Icon & 名稱
- 支援 dark mode & light mode
- 支援 iPhone & iPad
(二)GitHub link
(三) App 操作的影片
(四) 文字說明
這次的作業是eBook,就決定做一些我喜歡的且冷門的介紹~企鵝
一開始以為不會做太久畢竟老師都把每一個步驟都寫得很清楚,學長姐的作品也幫助很大,但格式版面都需要去思考,找資料也是個很大的學問,我也是做了這個app才知道企鵝的總類有如此的多,幸好他們長得夠可愛又好笑我才能有耐心地把它做完
功能需求
- 使用 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 按鈕
- 上下捲動的 List 裡有水平捲動的 ScrollView & LazyHGrid
(五)加分
- 漸層背景(標題)
- 生動有趣的圖片效果 modifier
- 組合多種文字樣式
- 利用 mask 或 clipShape 將圖片裁切特別的形狀 — 將球員照片切為圓形