iOS 11開發教程（十三）iOS11應用編輯界面添加視圖

iOS 11開發教程（十三）iOS11應用編輯界面添加視圖

在iOS中添加視圖的方式有兩種：一種是使用編輯界面添加視圖；另外一種是使用代碼添加視圖。如下是這兩個方式的詳細介紹。

1.編輯界面添加視圖

使用編輯界面添加視圖是一個至關簡單的工做，即從視圖庫中拖動視圖到主視圖中便可。

【示例1-1】如下將實現如何使用編輯界面添加一個空白視圖。具體的操做步驟以下：

（1）建立一個Single View App模板類型的項目，命名爲UIVIew-InterfaceBuilder。

（2）打開Main.storyboard文件，單擊Show the Object library，在顯示的視圖庫中找到View視圖即空白視圖，將其拖到畫布的主視圖中，如圖1.46所示。

圖1.46  添加視圖

此時運行程序，會看到如圖1.47所示的效果。

圖1.47  運行效果

因爲使用編輯界面添加的View空白視圖默認的背景顏色爲白色，因此在模擬器上是看不出效果的。那麼該如何在模擬器上看到添加的View空白視圖呢？開發者須要回到Main.storyboard文件，選擇主視圖上添加的View空白視圖。而後，選擇在屬性檢查器面板中會打開相應的屬性設置，找到Background屬性將其設置爲Dark Gray Color，如圖1.48所示。

圖1.48  設置背景顏色

此時運行程序，會看到如圖1.49所示的效果。

圖1.49  運行效果

注意：在屬性檢查器面板中存放了一些屬性，當開發者單擊主視圖中的某一視圖後，屬性檢查器面板中就會出現對應的屬性設置，開發者能夠經過這些屬性對視圖進行美化。