前次作業學會用Storyboard更換背景、放置按鈕、圖片等元件，並製作一頁Instagram畫面後，接來就是練習把各個頁面連起來，完成基本的App頁面切換囉。這時可搭配周杰倫的第一張專輯，邊哼著「手牽手 一步兩步三步四步 望著天 看星星 一顆兩顆三顆四顆 連成線」我們的App也一頁兩頁三頁四頁連起來囉！

▲建立2個View Controller，記得先把其中1個的Attributes設為Is Initia View Controller設為App起始頁， 同時製作點擊到下一頁的Button按鈕。接著最重要的步驟：從起點連到終點

1. 一指按住鍵盤的［control］不要放。 (記住:是control，不是command)
2. 另一指點擊Button按鈕不要放，慢慢往旁邊拖移，會發現拉出一條藍線。
3. 把藍線拉到第2個View Controller。
4. 確認完全覆蓋後，才能兩指都放開。(完全覆蓋是指第2個View Controller會出現藍色外框蓋住)
5. 兩指放開後，跳出黑色對話框，先選[Present Modally]就完成了 !

▲基本的App頁面切換，其實就是利用各頁面間的Segue串連。但是只能單向，無法回頭QQ。而且iOS也不像Android手機底下有返回鍵，因此我們要自己在畫面加入Navigation Bar，自製左上角的Back返回鍵。

選擇App起始頁的View Controller，點Xcode上面那排的Editor／Embed In／Navigation Controller，這時畫布左邊會多一個灰底的Navigation Controller，可以不用理它。重覆剛剛連結2個頁面的動作，兩指放開後，跳出黑色對話框，選擇[Show]

▲之後新連結的View Controller上方，都會有淺灰色的Navigation Bar，記得要再自己新增Navigatim item，才能設定Bar標題和Back按鈕的文字。

▲剛好看到批踢踢有2個關於「吉」的猜謎，就當作頁面切換+Navigation Controller的練習樣本。

>> Xcode檔上傳至Github，可點此連結參考

最後附上猜謎來源，避免被吉XD

批踢踢joke版
原PO：vk4747 (Mr.47)
–https://webptt.com/m.aspx?n=bbs/joke/M.1477298097.A.E58.html
原PO：hahaWenZuhah (哈哈文組哈哈)
–https://www.ptt.cc/bbs/joke/M.1477320289.A.0F6.html

——————————————————————————————————————-

▼按讚加入《好奇小悶》粉絲專頁