iOS 11開發教程（六）iOS11Main.storyboard文件編輯界面

iOS 11開發教程（六）iOS11Main.storyboard文件編輯界面

在1.2.2小節中提到過編輯界面（Interface builder），編輯界面是用來設計用戶界面的，單擊打開Main.storyboard文件就打開了編輯界面。在Xcode 5.0之後中，編輯界面直接使用的是故事板。本小節將對編輯界面進行介紹

1.界面的構成

單擊Main.storyboard打開編輯界面後，能夠看到編輯界面會有4部分組成，如圖1.20所示。

編號爲1的部分爲dock。編號爲2的部分爲畫布：用於設計用戶界面的地方，在畫布中用箭頭指向的區域就是設計界面，在畫布中能夠有多個設計界面，通常將設計界面稱爲場景或者說是主視圖。編號爲3的部分爲工具窗格的檢查器：用於編輯當前選擇的對象的屬性。編號爲4的部分爲工具窗格的庫：若是選擇的是Objects，裏邊存放了不少的視圖。

圖1.20  編輯界面構成

 在畫布的的設計界面下方有一個小的dock，它是一個文件管理器的縮減版。dock展現場景中第一級的控件，每一個場景至少有一個ViewController、一個FirstReponder和一個Exit。可是也能夠有其餘的控件，dock還用來簡單的鏈接控件，如圖1.21所示。

圖1.21  dock

2.添加視圖對象

若是想要在iOS模擬器上顯示一個文本框，就要爲主視圖添加對象。單擊工具窗格庫中的Show the Object Library即視圖庫窗口，在裏面找到Text Field文本框對象將其拖動到畫布的主視圖中，如圖1.22所示

圖1.22  添加視圖對象

此時運行程序，會看到如圖1.23所示的效果。輕拍模擬器中的文本框就會出現鍵盤，能夠經過鍵盤來實現字符串的輸入，如圖1.24所示。

圖1.23  運行效果                         圖1.24  運行效果