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  執行效果