[Xcode 實際操做]9、實用進階-(22)Storyboard故事板的經常使用佈局結構

目錄：[Swift]Xcode實際操做

本文將演示如在使用故事板搭建項目時，經常使用的一種故事板佈局結構。

在項目導航區，打開故事板文件【Main.storyboard】

當前故事板中只有一個視圖控制器控件，

故事板項目結構點擊選擇此控件【View Controller】

依次點擊：

【Editor】編輯->【Embed In】嵌入->【Navigation Controller】導航控制器。

給故事板故事板添加一個導航控制器，並將當前的視圖控制器，嵌入導航控制器。

故事板項目結構點擊選擇此控件【Navigation Controller】。

依次點擊：

【Editor】編輯->【Embed In】嵌入->【Tab Bar Controller】標籤控制器。

給故事板故事板添加一個標籤控制器，並將當前的導航控制器，嵌入標籤控制器。

在故事板空白處雙擊，縮小故事板的顯示比例，觀察當前的故事板項目結構。

從故事板中能夠看出，三種視圖控制器之間的包含關係：

標籤控制器處於最外面，而且是故事板的初始視圖控制器。

點擊【庫圖標】，在【View Controller】視圖控制器上雙擊，

往故事板中插入一個新的視圖控制器。

將視圖控制器向左拖動，使視圖控制器與上方的標籤控制器左對齊，保持界面的整潔。

在標籤控制器上按下鼠標右鍵，而後拖動到剛建立的新的視圖控制器。

或者按下鍵盤上的控制鍵【Command】，而後使用鼠標左鍵進行拖動。

（拖動控制器或控件的兩個方法：一、鼠標右鍵 　　二、【Command】+鼠標左鍵）

在彈出的選項列表中，選擇相應的鏈接關係。

將新建的視圖控制器，與標籤控制器創建鏈接關係。

選擇【view controllers】

拖動下方的橫向滾動條，查看故事板右側的內容。

點擊選擇最開始的那個視圖控制器，按下快捷鍵【Conmmand】+【D】複製選中的視圖控制器。

將複製後的視圖控制器向右拖動一段距離。

選擇左側原視圖控制器中的按鈕控件。按下鼠標右鍵，拖動到複製的視圖控制器。

在彈出的選項列表中，選擇視圖控制器之間的跳轉關係：【Show】

當點擊左側視圖控制器中的按鈕時，將在導航控制器中，跳轉至右側的視圖控制器。

點擊複製的視圖控制器中的按鈕，使用【Command】+【Delete】刪除選擇的按鈕。