上節我們分享了：使用storyboard，在一個頁面上添加Label視圖，修改視圖屬性，添加視圖約束。
這節我們繼續分享：用storyboard實現從一個頁面跳轉到另一個頁面。這兩節都是純圖形界面的UI開發，不會涉及到任何一行代碼，這是storyboard開發的不同之處。
一、創建第一個頁面
如果看過上一節並創建過項目的同學，這步就可以省了。
打開Xcode軟件，創建一個"Single View App"項目，項目命名為"Storyboard"，不清楚怎麼創建，請參看 。點擊Main.storyboard文件，在storyboard的默認頁面ViewController上加一個UILabel視圖，不清楚細節的人請點擊 ，效果如下圖所示(陰影效果在這裡不重要，不會設置的請忽略)：
接下來我們繼續在第一個頁面上添加一個按鈕UIButton視圖，具體操作如下圖所示：
最終結果如下圖：
三、創建第二個頁面
在添入第二個頁面之前，我們要先調整一下第一個頁面的大小和位置，為第二個視圖騰出一點空間，方便我們查看。如下圖所示，通過適當的縮放以及位置調整，使第一個頁面大小適中，位置靠左一點。
接著我們在storyboard中加入第二個頁面。如下圖所示，點擊紅色方框1處，打開視圖選擇對話框，然後左鍵按住紅色方框2處將新頁面拉到第一個頁面的旁邊，這樣第二個頁面就創建完成了。
具體效果如下圖所示：
接著，我們在第二個頁面中添加一個Label視圖，並將Label視圖上顯示的文字內容改為“這是第二個頁面”。結果如下圖所示：
三、設置頁面跳轉
鼠標放置在第一個頁面的Button按鈕上，等鼠標圖片變成一隻手形狀時按住右鍵並拖動到第二個頁面，看到第二個頁面整個變成藍色時放開鼠標按鍵，這時會彈出下圖所示的黑色框，我們選擇最上面"Show"字眼的這個選項。(沒有鼠標，用觸控版的人可以將光標移動到Button按鈕上，等光標變成一隻手的形狀時，兩根手指同時重按下觸控板並拖動到第二個頁面，其他都一樣)
這時會出現如下圖紅色方框所示的一個圖案，就說明跳轉已經創建成功。
這時可以編譯運行了，運行結果如下圖所示，顯示的是第一個頁面的內容：
當我們按下上圖中紅色方框中的Button按鈕時，就會跳轉到第二個頁面，如下圖所示
本系列會不斷更新，有興趣的同學，可以關注我。
閱讀更多 移動大電猿 的文章
