下一步我們重命名按鈕。雙擊按鈕然后修改名字為“Hello World”。點(diǎn)擊Xcode中的運(yùn)行按鈕,我們將在仿真器中看到Hello World按鈕如圖。是不是很酷啊?但是當(dāng)我們點(diǎn)擊按鈕,沒有任何反應(yīng)。我們還需要添加一些代碼用于顯示“Hello, World”。
在Hello World按鈕上編程
迄今為止你已經(jīng)完成了HelloWorld app的UI設(shè)計(jì)。是時候開始寫代碼了!在項(xiàng)目導(dǎo)航欄中,你可以看到ViewController.swift。因?yàn)槲覀兪褂玫氖恰癝ingle View Application”項(xiàng)目模板,所以Xcode已經(jīng)在ViewController.swift中生成了ViewController類。為了在按鈕點(diǎn)擊時顯示一條消息,我們需要在文件里寫一些代碼。
Swift和Objecttive-C
如果你以前寫過Objectiv-C代碼,你會發(fā)現(xiàn)Swift中有一個重大改變是將.h和.m文件合并為.swift文件。
選擇代碼文件,然后編輯區(qū)域會立刻顯示源碼。在ViewController中輸入下面的代碼。
輸入完畢后,你的源碼應(yīng)該是這樣的:
剛才寫的代碼的功能是在ViewController類中添加showMessage()方法。Swift中方法的概念對你來說是新概念。我們將會在后面的章節(jié)中介紹。現(xiàn)在,你就幫showMessage()當(dāng)做是一個動作。當(dāng)這個動作被調(diào)用時,iOS將在屏幕上輸出“Hello World”消息。
將代碼和用戶界面關(guān)聯(lián)
在前面說過iOS開發(fā)中最優(yōu)雅的部分就是用戶界面(storyboard)和代碼(.swift文件)相分離。但是這樣的話我們?nèi)绾尾拍茉谟脩艚缑婧痛a之間建立聯(lián)系。
如果使用當(dāng)前的例子進(jìn)行解釋的話,這個問題就轉(zhuǎn)換為:我們?nèi)绾尾拍茉赟toryboard中的“Hello World”button和ViewController中的showMessage()之間建立聯(lián)系。
你需要在“Hello World”button和showMessage()方法之間建立聯(lián)系,這樣的話如果有人按下Hello World button的話,app將會有所回應(yīng)。我們選擇”Main.storyboard“切換回Interface Builder界面。
按住鍵盤上的control鍵,點(diǎn)擊“Hello World“按鈕然后拖拽到View Controller圖標(biāo)上。
同時釋放鼠標(biāo)和鍵盤然后可以在彈出窗口中的Sent Events下面看到“ShowMessage“。選擇它,這樣的話我們就在按鈕和”ShowMessage”方法之間建立了聯(lián)系。
測試你的App
好了,你現(xiàn)在可以開始測試你的第一個App了。點(diǎn)擊“Run”按鈕。如果沒有問題的話,你的app將會在仿真器上正確運(yùn)行。這次運(yùn)行,app將會在你點(diǎn)擊Hello World按鈕時顯示一條歡迎信息。
啟動界面
當(dāng)app開始運(yùn)行時,你會看到如圖顯示的啟動界面。當(dāng)加載界面消失后顯示Hello World程序界面。
一直以來在app啟動后,實(shí)際的app界面運(yùn)行之前,app會率先顯示一張靜態(tài)圖片(我們稱之啟動圖片)。啟動圖片給用戶一個印象:你的app運(yùn)行迅速并且響應(yīng)快速因?yàn)橐粏咏缑婢统霈F(xiàn)了。在iOS 8和Xcode 6中,Apple公司允許開發(fā)者使用Interface Builder創(chuàng)建啟動界面替代靜態(tài)啟動圖片。
在Xcode
6中創(chuàng)建的任何一個項(xiàng)目,你都會看到一個XIB 啟動界面文件,這是默認(rèn)的啟動加載文件。像HelloWorld項(xiàng)目,你可以在項(xiàng)目導(dǎo)航中找到LaunchScreen.xib。默認(rèn)情況下,啟動界面包含了項(xiàng)目的名字和版權(quán)信息。你可以像定制Hello World中view controller一樣定制屏幕信息。同時,你也可以保持默認(rèn)不變。我們將在你完成一個真實(shí)的app后在討論啟動界面。
?修改Button的顏色
在本章結(jié)束之前,我還想和大家分享一件事情。正如在前面提到的,你不需要通過編寫代碼定制UI。這里我向大家演示一下修改一個button的屬性是一件多么簡單的事情。選擇“Hello World”button然后點(diǎn)擊工具區(qū)域的屬性檢查器。這里你可以訪問button的屬性。你可以修改字體,文本顏色,背景顏色等等。在Button Section下面選擇文本顏色為白色,同時在View section下面選擇背景為橘色或者你想要的任何顏色。
下章簡介
首先恭喜大家,你成功創(chuàng)建了你第一個app。這是一個簡單的app,但是我相信大家已經(jīng)對Xcode 6和如何創(chuàng)建一個App有了進(jìn)一步的了解。是不是很簡單啊?
在下一章,我們將會討論Hello World app的細(xì)節(jié)并且解釋每個模塊是如何協(xié)同工作的。
專題目錄:
第二章:使用Storyboard設(shè)計(jì)用戶界面(一)