Swift官方入門教程系列--二--storyboard與代碼的互動翻譯版，原始碼

代碼詳見github：02_storyboard互動代碼

在本課中，將會學習storyboard與代碼的互動。完成後，您的應用程式將如下所示： 學習目標

在課程結束時，您將能夠：

解釋故事板中的情境與底層視圖控制器之間的關係

在故事板中的UI元素和原始碼之間建立插座和動作串連

從文字欄位處理使用者輸入，並在UI中顯示結果

使類符合協議

瞭解授權模式

在設計應用程式架構時，請遵循目標操作模式

源碼
將UI串連到原始碼

在元素的故事板連結到原始碼。重要的是要瞭解故事板與您編寫的代碼之間的關係。

在故事板，一個現場代表的內容一屏，通常一個視圖控制器。視圖控制器實現你的應用程式的行為。視圖控制器管理具有其子視圖階層的單個內容視圖。視圖控制器的座標資訊的應用程式的之間的流動資料模型，它封裝應用程式的資料，並且顯示的資料，管理他們的內容的看法生命週期的看法，處理方向變化時，該裝置旋轉時，定義內的導航您的應用程式，並實現行為以響應使用者輸入。在iOS中所有視圖控制器物件類型UIViewController或它的一個子類。

你可以通過建立和實現自訂視圖控制器在代碼中定義的視圖控制器的行為的子類。然後，您可以在故事板中的這些類和情境之間建立串連，以擷取在代碼中定義的行為以及您在故事板中定義的使用者介面。

Xcode中已經建立，你看前面，其中一類ViewController.swift，它串連到你現在在你的故事板的工作現場。將來，當您添加更多情境時，您將在Identity檢查器中自行建立此串連。在身份檢查可以讓你在故事板涉及到該對象的身份，比如什麼類的對象屬於編輯對象的屬性。

在運行時，你的故事板建立的執行個體ViewController，您的自訂視圖控制器子類。從你的故事板的情境出現在裝置的螢幕上，使用者介面的行為定義ViewController.swift。

雖然現場被串連到ViewController.swift，這不是一個需要進行的唯一的串連。要在應用程式中定義互動，您的視圖控制器原始碼需要能夠與故事板中的視圖進行通訊。您可以通過在故事板中的視圖和視圖控制器原始碼檔案之間定義額外的串連（稱為插座和操作）來實現。 建立UI元素的Outlet

奧特萊斯提供了一種方法來引用介面的對象，您將添加到您的故事板，從原始碼檔案的對象。要建立插座，請將控制項從故事板中的特定對象拖動到視圖控制器檔案。此操作建立一個屬性在您的視圖控制器檔案的對象，它可以讓你訪問和操縱從代碼對象在運行時。

您需要為使用者介面中的文字欄位和標籤建立插座，以便能夠引用它們。

將文字欄位串連到ViewController.swift代碼

開啟你的故事板，Main.storyboard。

點擊助手按鈕Xcode的工具列附近的Xcode的右上方開啟助理編輯。

如果您想瞭解更多的工作空間，摺疊項目導航和生活區通過點擊工具列中的Xcode在導航和公用程式的按鈕。

您也可以摺疊大綱視圖。

在編輯器中選擇欄，它出現在助理編輯器的頂部，從預覽的助理編輯>更改為自動ViewController.swift。

ViewController.swift 顯示在右側的編輯器中。

在ViewController.swift中，找到class行，應該是這樣的： classViewController:UIViewController {

下面的class線，添加以下內容：