#07 Choose Your Own Adventure 開發一個互動式多重結局 App — 用 storyboard & segue 開發 (hw#3–2)
結合三個作業的題目：
(hw#3–1)#24 Storyboard 電子書 App
(hw#3–2)#195 Choose Your Own Adventure — 開發一個互動式多重結局 App
(hw#3–6)Tab Bar Controller & Navigation Controller 的相關練習
1. 功能需求
- ☑ 搭配 tab bar controller & navigation controller。
- ☑ 使用 table view controller with static cells。
- ☑ 使用 segue 串接頁面。
- ☑ 設定 App Icon ，名稱和 App 的開頭畫面(LaunchScreen.storyboard)。
- 使用到 iOS SDK 的各種 UI 元件，比方
☑ view，☑ button，☑ label，☑ image view，
text field，☑ text view，segmented control，slider，switch，
table view，scroll view，progress view，stepper，
date picker，visual effect view with blur。 - 使用到 text view，可點選文字連結顯示網頁和地圖。
- ☑ 使用 SF Symbols。
- 支援 dark mode。
- 包含左右滑動區塊的 table view
- 多個 storyboard
2. 請AI準備多重結局故事&圖片素材
請參考下面的文章連結：
3. 建立專案，匯入圖片，設定App icon，設定App名稱
4. 設定 LaunchScreen.storyboard
5. 設定 Main.storyboard
Tab Bar Controller ，
串接到
—> 繪本頁 navigation controller — > table view controller
—> 關於頁 navigation controller
繪本頁
navigation controller 使用 SF Symbols 當 tab bar item 的 image (繪本:books.vertical.fill)。串接到 table view controller，處理 table view controller with static cells，設定 segue 串接至 view controller 的繪本故事線。
關於頁
navigation controller 使用 SF Symbols 當 tab bar item 的 image (關於:info.square.fill)，設定 segue 串接至 view controller 。
6. 完成整個互動故事線
多重結局故事表
7. 八個故事結局和關於頁截圖
8. 每個故事線的操作影片
結局1&2
你站在一片粉紅色的樹林中，粉紅色的樹木高聳入雲。遠處有一條通往森林深處的小路，而樹林間則充滿了各種奇妙的聲音。你感到一陣神秘的冒險即將展開。你沿著小路前進，你發現路的盡頭是一片美麗的花園。花園中有一朵閃閃發光的大花朵，另一邊有一條通往彩虹瀑布的小徑。你仔細觀察閃閃發光的大花朵，突然間花朵散發出一陣溫暖的光芒，你被帶到一個神秘的世界，滿是粉紅色的雲朵和友善的動物。
結局1：雲端的歡樂(4A1.1)
你與雲朵上的小精靈一起玩耍，在雲端，你與小精靈一起歡笑、跳舞，度過了美好的時光。冒險在歡樂中結束了。
結局2：動物朋友的冒險(4A1.2)
你跟著小動物探索這片奇幻的土地，與小動物們一起探險，共同克服了一些小挑戰，最後你們成為了永遠的朋友。冒險在友誼中結束了。
結局3&4
你站在一片粉紅色的樹林中，粉紅色的樹木高聳入雲。遠處有一條通往森林深處的小路，而樹林間則充滿了各種奇妙的聲音。你感到一陣神秘的冒險即將展開。你沿著小路前進，你發現路的盡頭是一片美麗的花園。花園中有一朵閃閃發光的大花朵，另一邊有一條通往彩虹瀑布的小徑。你走向彩虹瀑布的小徑，你發現彩虹瀑布下有一群顏色繽紛的精靈在歡笑。
結局3：彩虹精靈的舞會(4A2.1)
你加入精靈們的歡樂時光，與彩虹精靈一起跳起美妙的舞蹈，彩虹瀑布閃爍的光芒為你們的舞會助興。冒險在歡樂中結束了。
結局4：彩虹的守護者(4A2.2)
你與精靈們一起保護彩虹的秘密，守護彩虹，確保它永遠閃耀著美麗的光芒。冒險在使命完成中結束了。
結局5&6
你站在一片粉紅色的樹林中，粉紅色的樹木高聳入雲。遠處有一條通往森林深處的小路，而樹林間則充滿了各種奇妙的聲音。你感到一陣神秘的冒險即將展開。在樹林間探險，你發現一個隱藏的小屋。屋內有一本古老的地圖，上面標記著通往奇幻湖的路徑。你跟隨地圖，前往奇幻湖，湖中浮起一朵奇異的花朵，花朵中央有一個光輝閃爍的寶石。
結局5：寶石的神奇力量(4B1.1)
你摘下花朵中的寶石，寶石的神奇力量為你帶來好運，並賦予你一些特殊的能力。冒險在神奇的寶石中結束了。
結局6：水精靈的祝福(4B1.2)
你與湖中的水精靈交流，水精靈賜予你幸福和平安，並帶你返回珍惜的家園。冒險在水精靈的祝福中結束了。
結局7&8
你站在一片粉紅色的樹林中，粉紅色的樹木高聳入雲。遠處有一條通往森林深處的小路，而樹林間則充滿了各種奇妙的聲音。你感到一陣神秘的冒險即將展開。在樹林間探險，你發現一個隱藏的小屋。你繼續探索樹林，你發現一個神秘的洞穴，裡面有一位智者老翁，他向你透露樹林的秘密。
結局7：魔法的奇蹟(4B2.1)
你決定跟老翁學習樹林的魔法。你成為樹林的守護者，保護著這片神秘的土地。冒險在魔法的奇蹟中結束了。
結局8：樹林的守護者(4B2.2)
你與決定老翁一起守護樹林，確保它的和平與繁榮。冒險在守護家園中結束了。
關於頁
這頁主要是練習 layer.cornerRadius 的設定，把矩形圖片變成圓形。
就這樣囉，任務結束！
有了生成式AI的輔助，你也能輕鬆完成一個簡易的繪本。
參考：
