iOS 11開發教程（七）編寫第一個iOS11代碼Hello,World

標籤：war   小圓圈   對象   ctr   rom   ios1   操作   開發   family   

iOS 11開發教程（七）編寫第一個iOS11代碼Hello,World

代碼就是用來實現某一特定的功能，而用電腦語言編寫的命令序列的集合。現在就來通過代碼在文字框中實現顯示“Hello,World”字串的功能，具體的操作步驟如下：

（1）使用設定編輯器的三個視圖方式的表徵圖，1.25所示，將Xcode的介面調整為1.26所示的效果。

 

圖1.25  編輯器的三個視圖方式的表徵圖

 

圖1.26  調整介面

（2）按住Ctrl鍵拖動主視圖中的文字框對象，這時會出現一個藍色的線條，將這個藍色的線條拖動到ViewController.swift檔案中，1.27所示。

 

圖1.27  出現藍色的線條

（3）鬆開滑鼠後，會彈出一個對話方塊，1.28所示。

 

圖1.28  彈出對話方塊

（4）彈出的對話方塊中，找到Name這一項，在其中輸入名稱tf，1.29所示。

 

圖1.29  輸入名稱

注意：Name這一項輸入的名稱是任意的。

（5）選擇Connect按鈕，關閉對話方塊，這時在ViewController.swift檔案中自動產生一行代碼，1.30所示。

 

圖1.30  插座變數

注意：產生的程式碼叫做插座變數，插座變數其實就是為關聯的對象起了一個別名。開發人員就可以對此插座變數進行操作，從而對關聯的對象進行操作。以上這一種方式是插座變數聲明和關聯一起進行的，還有一種先聲明動作後關聯的方式。具體操作步驟如下：

首先，開啟ViewController.swift檔案，使用IBOutlet關鍵字對文字框的插座變數進行聲明，其代碼1.31所示。

 

圖1.31  聲明插座變數

注意：聲明好的插座變數會在代碼的前面出現一個空心的小圓圈。此小圓圈表示該插座變數還未進行關聯。

其次，使用設定編輯器的三個視圖方式的表徵圖，將Xcode的介面進行調整，將其調整為和圖1.26一樣的效果。

然後，按住Ctrl鍵拖動主視圖中的文字框對象，這時會出現一個藍色的線條，將這個藍色的線條和檔案ViewController.swift檔案中的插座變數進行關聯，1.32所示。

 

圖1.32  關聯插座變數

最後鬆開滑鼠後，文字框對象就與插座變數成功的關聯在一起了，此時插座變數前面的空心小圓圈就變為了實心的小圓圈，它表示此插座變數已被關聯。

（6）開啟ViewController.swift檔案，編寫代碼，此代碼實現的功能是在文字框中顯示字串Hello，World。代碼如下：

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var tf: UITextField!

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        tf.text="Hello,World"                                                //設定常值內容

    }

    override func didReceiveMemoryWarning() {

        super.didReceiveMemoryWarning()

        // Dispose of any resources that can be recreated.

    }

}

注意：為了方便開發人員更好的理解代碼，本書會將多餘的代碼省去，使用“……”省略符號表示，以上的代碼就會變為如下的代碼：

import UIKit

class ViewController: UIViewController {

    @IBOutlet weak var tf: UITextField!

    override func viewDidLoad() {

        super.viewDidLoad()

        // Do any additional setup after loading the view, typically from a nib.

        tf.text="Hello,World"                                                //設定常值內容

    }

……

}

此時運行程式，會看到1.33所示的效果。

 

圖1.33  運行效果

iOS 11開發教程（七）編寫第一個iOS11代碼Hello,World