電子書-收集小孩的好朋友

想做一個可以收集小孩最愛的卡通人物電子書

延續之前的創作有興趣的app繼續修改

截圖

動畫Gif

用到元件有:

  1. TabBarController
  2. NavigationController
  3. TableViewController
  4. ViewController
  5. ImageView
  6. TextView
  7. 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。

Github

--

--