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

大學霸發表於2017-10-27

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檔案,編寫程式碼,此程式碼實現的功能是在文字框中顯示字串HelloWorld。程式碼如下:

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

來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-2146493/,如需轉載,請註明出處,否則將追究法律責任。

相關文章