實戰3:tab bar controller&navigation controller讓你做動漫推廣一次上手【寶石之國】

© 2017 市川春子・講談社/「宝石の国」製作委員会 http://land-of-the-lustrous.com/ 官網截圖

本次又選擇障礙again,光是挑圖就挑到天荒地老啊(┛`д´)

因為太忙假日又只想睡死,所以這次速度有點慢,使用了以下功能:

  1. tab bar controller
  2. navigation controller
  3. navigation item
  4. table view controller
  5. static cells
  6. segue

由於在釐清先後邏輯和基礎架構花了一番工夫,最後還去爬了文才搞懂,簡單來說就是以下示意圖:

首先,你必須先想好你要幾個頁面(首頁+分頁)這決定了你tab會有幾個。然後在view controller下設定 navigation controller

新增一個tab bar controller,再連結navigation controller,底下tab就出來了,但不要忘記是要選view controller,而不是show喔。

這樣親屬關係就很清楚拉,雖然做的時候是倒著回去做,但執行是從tab開始的。tab bar跟 navigation跑app的時候是隱形的,直接在view controller做呈現。

設好分頁後,你也可以在 navigation下方的工具列去改Icon跟標題,會同步更新在所有相連的介面中,不用個別改。

在有 navigation的情況下,可以去更改 navigation item(也就是分頁大標),這樣原本的Back,就會呈現前一個分頁的大標,告訴你可以回去哪。

接著,就來到神奇圖表的部分了,上了課之後,才知道那些美美的電影預告表是這樣被生出來的,而且簡單粗暴有用。可以先設好第一個cell的寬度,再直接複製,就可以直接改圖片跟文字內容。不怕格式跑掉。

表生出來後,老樣子在用button 連結個別介紹頁面,就能做出嚇死你的美美動漫推廣app。不過我還沒學到怎麼嵌入Youtube影片,據說小王子下週會教,學成後再補上企ˊ_>ˋ

最後一樣要列感謝名單,Github連結等我把全部頁面都貼完一起上。

--

--