電子書-收集小孩的好朋友
想做一個可以收集小孩最愛的卡通人物電子書
延續之前的創作有興趣的app繼續修改
截圖
動畫Gif
用到元件有:
- TabBarController
- NavigationController
- TableViewController
- ViewController
- ImageView
- TextView
- WebView
Layout進入點是一個TabBarController,有兩個Tab, 分別是Friends and About
Freiends -> NavigationController -> TableViewController(3個tableCell),每一個tableCell都會在串到各自的TabBarController,因為想要進入每個卡通人物後會有新的TabBar,TabBar又會在連接到不同分頁的ViewController。
Tricky
當點了TableCell進入卡通介紹後,首頁的TabBar會依舊出現,無法達到我想要另一個新的TabBar(Introduce, Halloween, Video),所以記得把第二個TabBarController的Hide Bottom Bar On Push打勾。讓他消失
由於tableCell點了後,segue選擇show,NavigationController會幫我們管理Controller的Stack,只要在sub ViewController加上Navigation Item就可以打上Title,讓使用者知道現在進入哪一頁,比如點了毛怪後,進入毛怪介紹頁面,Title可以顯示毛怪。但因為我又串接了一層TabBarConroller,所以Title始終無法出現,後來查到可能需要用程式去設定Title才能顯示。
因為小朋友只看特定幾個youtube影片,需要用到webView。直接丟youtube網址給他顯示也可以,但畫面就稍嫌亂了一點,會有youtube其他的資訊,所以選擇用嵌入方法,直接丟給他一段html讓他顯示,因此重點在於那串html。