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