Swift的一些翻譯2:Hello World!

Chapter3

Hello World!用Swift製做你的第一個軟件

如今你應該已經安裝好了Xcode7,理解了一些Swift語言.若是你說沒有,快去看看上一章.咱們將用Xcode7.0(或者更高的版本)來作這本書裏全部的練習.若是你以前看過其餘的編程書你應該據說過"Hello World".Hello World是一個爲第一次接觸編程的人所做的一個小程序.它是一個很簡單的工程,在你的設備屏幕上輸出"Hello,World"

這在編程世界裏是一個慣例.因此,讓咱們跟隨這個慣例來用Xcode製做一個"Hello World"的軟件.儘管它很簡單,可是它能夠達到下面幾個目的:

1.它給你一個語法的預覽和Swift語言的結構,一個iOS的新的編程語言.

2.它一樣給了你一個基本的介紹關於Xcode7的環境.你將學習怎樣建立一個Xcode項目而後給你展現用界面編譯器搭建的你本身的界面.即使你以前用過Xcode,你也能夠學習到更新到最新版本的Xcode有些什麼改變.

3.你會學習到怎樣編譯一個項目,製做app而後在編譯器裏測試它

4.最後,它會讓你以爲編程並非一件難事.我並不想讓你被學習編程嚇到.它會很好玩的.

你的第一個app很簡單,僅僅展現了一個"Hello World"按鈕.當你按這個按鈕的適合,app會顯示一條歡迎信息.它很是簡單,可是它開啓了你的iOS編程之旅.

Workspace

在咱們進入碼字部分以前,咱們花幾分鐘的時間看看Xcode的workspace環境.在左邊是工程導航.你能夠在這個區域找到你全部的工程文件.中間的workspace是編輯區域.你作全部的編輯資料(好比編輯工程設置,來源代碼文件,用戶界面)都在這個區域.好比說,若是你選擇ViewController.Xcode會在中間區域顯示源代碼.若是你選擇Main.storyboard,Xcode會展現給你可視化的編輯器.最右邊的區域是多功能區.這塊區域顯示文件內容同時容許你進入快速幫助.若是Xcode不顯示這塊區域,你能夠選擇工具欄最右邊的工具按鈕來打開它.

到目前爲止,咱們尚未寫任何代碼.即使如此,你仍然能夠用模擬器運行你的app.

在視圖上添加一個按鈕

下面咱們將添加一個Hello World按鈕.在多功能區的按鈕部分,它展現給咱們對象庫.在這裏,你能夠選擇任何UI Controls而且隨意拖動他們進視圖.若是你沒看到對象庫,你能夠點擊"Show the Object Library"按鈕.你能夠用開關按鈕來切換菜單視圖和圖標視圖.若是你想在對象庫裏瞭解更具體的對象,點擊它,Xcode會告訴你關於這個控件簡單的描述.

OK,是時候添加按鈕了.你所須要作的就是從對象庫裏拖動一個對象放在視圖上.當你把按鈕拖到視圖上的時候,你會看到水平和垂直的輔助線來幫助你判斷按鈕是否居中.中止拖動而後鬆開你的按鈕把這個按鈕對象放在這裏.下一步,給它重命名成"Hello World".作出改變後,你須要再次居中對齊.

Great!你如今能夠準備測試你的app了.運行模擬器後你會看到一個Hello World的按鈕,對吧?可是,當你點擊這個按鈕的時候,它不會顯示任何東西.咱們要添加一些代碼來顯示"Hello World"的信息.

Quick note:這是ios開發很漂亮的敵方.代碼和用戶界面是分開的.你能夠在故事板裏輕鬆的設計用戶界面而不須要用到任何代碼.

寫Hello World按鈕的代碼

如今你完成了Hello World app的界面,是時候寫一些代碼了.在工程導航欄裏,你能夠發現viewController.swift文件.由於咱們最開始選擇的是"Single View Application"工程模板,Xcode已經生成了一個ViewControll的類在ViewController.swift的文件裏.這個文件與storyboard(故事板)相關聯.爲了當按鈕按下的時候顯示信息,咱們將添加一些代碼到這個文件.

Swift與OC的比較

若是你曾經在OC寫過代碼,Swift裏一個最大的改變就是合併了header(.h)和implementation file (.m).全部的類信息文件如今儲存在單獨的.swift文件.

選擇viewContrller.swift文件,編輯區域會當即顯示源代碼.在ViweController類裏輸入如下代碼:

@IBAction func sowMessage(){
    let alertController = UIAlertController(titleL "Welcome to My First App",message: "Hello World", preferredStyle: UIAlertControllerStyle.Alert)
    alertController.addAction(UIAlertAction(title: "ok", style: UIAlertActionStyle.Default, handler: nil))
    self.presentViewController(alerController, animated: true, completion: nil)
    
}

Quick note:我但願大家打下這段代碼,而不是用複製黏貼.

編輯以後,你的源代碼應該看起來像這樣:

「import UIKit
class ViewController: UIViewController {
    override func viewDidLoad() {
        super.viewDidLoad()
        // Do any additional setup after loading the view, typically from a nib.
    }
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    @IBAction func showMessage() {
        let alertController = UIAlertController(title: 
        「Welcome to My First App", message: "Hello World", preferredStyle: UIAlertControllerStyle.Alert)
        alertController.addAction(UIAlertAction(title: "OK", style: UIAlertActionStyle.Default, handler: nil))
        self.presentViewController(alertController, animated: true, completion: nil)
    }
}

你剛剛作的就是在ViewController類裏添加一個showMessage()的方法.Swift裏有方法的代碼對你來講很新鮮.我將在下一章解釋它.同時,把showMessage()當作一個action.當這個action被呼出的時候,這個代碼塊將會通知iOS在屏幕上顯示"Hello World"信息.

用代碼鏈接用戶界面

我曾經說過將用戶界面和源代碼分開是iOS開發作得漂亮的方面.可是咱們怎麼創建他們之間的聯繫呢?

對咱們這個樣原本說,這個問題就是:

咱們怎麼才能鏈接storyboard裏的"Hello World"按鈕和ViewController類裏面的showMessage()方法呢?

你須要鏈接他們,當有人按下Hello World按鈕的時候app會給出迴應.選擇"Main.storyboard"來切換回界面編輯器

按住鍵盤上的control鍵,點擊"Hello World"按鈕而後拖拽它到View Controller圖標.

同時鬆開鼠標和鍵盤,會彈出一個選擇框,選擇Sent Events下面的showMessage.這樣他們的關係就創建起來了.

測試你的App

好了!你如今準備測試你的第一個app.點擊"Run".若是一切正確,你的app應該正確的在模擬器裏運行.此次,當你按下Hello World按鈕的時候app會顯示一段歡迎信息.

結束這章以前我還想跟大家討論一件事.像以前提到的,你不須要寫代碼來自定義一個UI控件.這裏,我想給你展現一下改變一個按鈕的屬性(好比顏色)是多麼簡單.選擇"Hello World"按鈕而後在多功能區域點擊Attributes inspector.你將能進入按鈕的屬性.這裏,你能改變字體,文本顏色,背景色等等.嘗試把文本顏色變成白色,背景色編程紅色或者你想要的任何顏色.

下一章會帶來什麼

祝賀你!你已經建立了你的第一個iPhone app.這是一個簡單的app,可是我相信你已經對Xcode有了個更好的理解,同時瞭解了怎樣製做一個app.它比你想象的更簡單,對嗎?

在下一章,咱們將討論Hello World app的細節而後解釋這一切是怎樣工做的.

完整的Xcode項目下載:

https://github.com/zt223/HelloWorld