1. 程式人生 > >IOS開發入門之六——storyboard的使用(中)

IOS開發入門之六——storyboard的使用(中)

    需要iOS開發視訊資料可以加我微信: 1914532832  驗證資訊請註明:IOS開發   

   上節我們瞭解了使用storyboard如何在單個頁面上放置檢視,並且設定這些檢視的屬性、位置約束等使之達到我們設計的效果。需要了解的人請點選"IOS開發入門之五——storyboard的使用(上)"

    這節我們繼續介紹storyboard怎麼實現從一個頁面跳轉到另一個頁面。這兩節都是純粹介紹storyboard的使用,不會涉及到任何程式碼,來體驗這樣一種感受:使用storyboard即使我們沒有寫一行程式碼,也能做出一個像樣的App。

一、建立專案    

    開啟Xcode軟體,建立一個"Single View App"專案,專案命名為"StoryboardDemo",不清楚怎麼建立,請參看

"IOS開發入門之二——第一個App"

二、建立第一個頁面

    點選Main.storyboard檔案,在storyboard的預設頁面上加一個UILabel檢視,不懂操作細節的人請點選"IOS開發入門之五——storyboard的使用(上)",如下圖所示(陰影效果不會設定的請忽略):

    

    接下來我們繼續在第一個頁面上新增一個按鈕UIButton檢視,如下圖所示:

三、新增第二個頁面

    我們先為第二個檢視騰出一點空間,好放置它。如下圖所示,通過適當的縮放以及位置調整,使頁面大小適中,位置靠左一點。

    接著我們在storyboard中加入第二個頁面。如下圖所示,在紅色方框1處輸入"UIViewController",然後按箭頭2所示的檢視拉到第一個頁面的旁邊,這樣第二個檢視就建立完成了。

四、設定頁面跳轉

滑鼠放置在第一個頁面的按鈕上,等滑鼠圖片變成一隻手時按住右鍵並拖動到第二個頁面,看到第二個頁面整個變成藍色時放開滑鼠按鍵,這時會彈出下圖所示的黑色框,我們選擇最上面的"Show"這個選項。

這時會出現如下圖紅色方框所示的一個圖案,就說明跳轉已經建立成功。這時就可以執行App了。

有興趣的讀者,可以點選下面的連結繼續瞭解:

需要iOS開發視訊資料可以加我微信: 1914532832  驗證資訊請註明:IOS開發