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

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