下一步我們重命名按鈕施符。雙擊按鈕然后修改名字為“Hello World”甲馋。點(diǎn)擊Xcode中的運(yùn)行按鈕养泡,我們將在仿真器中看到Hello World按鈕如圖嗜湃。是不是很酷啊澜掩?但是當(dāng)我們點(diǎn)擊按鈕购披,沒(méi)有任何反應(yīng)。我們還需要添加一些代碼用于顯示“Hello肩榕, World”今瀑。
在Hello World按鈕上編程
迄今為止你已經(jīng)完成了HelloWorld app的UI設(shè)計(jì)。是時(shí)候開(kāi)始寫(xiě)代碼了点把!在項(xiàng)目導(dǎo)航欄中,你可以看到ViewController.swift屿附。因?yàn)槲覀兪褂玫氖恰癝ingle View Application”項(xiàng)目模板郎逃,所以Xcode已經(jīng)在ViewController.swift中生成了ViewController類(lèi)。為了在按鈕點(diǎn)擊時(shí)顯示一條消息挺份,我們需要在文件里寫(xiě)一些代碼褒翰。
Swift和Objecttive-C
如果你以前寫(xiě)過(guò)Objectiv-C代碼,你會(huì)發(fā)現(xiàn)Swift中有一個(gè)重大改變是將.h和.m文件合并為.swift文件。
選擇代碼文件优训,然后編輯區(qū)域會(huì)立刻顯示源碼朵你。在ViewController中輸入下面的代碼。
輸入完畢后揣非,你的源碼應(yīng)該是這樣的:
剛才寫(xiě)的代碼的功能是在ViewController類(lèi)中添加showMessage()方法抡医。Swift中方法的概念對(duì)你來(lái)說(shuō)是新概念。我們將會(huì)在后面的章節(jié)中介紹≡缇矗現(xiàn)在忌傻,你就幫showMessage()當(dāng)做是一個(gè)動(dòng)作。當(dāng)這個(gè)動(dòng)作被調(diào)用時(shí)搞监,iOS將在屏幕上輸出“Hello World”消息水孩。
將代碼和用戶(hù)界面關(guān)聯(lián)
在前面說(shuō)過(guò)iOS開(kāi)發(fā)中最優(yōu)雅的部分就是用戶(hù)界面(storyboard)和代碼(.swift文件)相分離。但是這樣的話(huà)我們?nèi)绾尾拍茉谟脩?hù)界面和代碼之間建立聯(lián)系琐驴。
如果使用當(dāng)前的例子進(jìn)行解釋的話(huà)俘种,這個(gè)問(wèn)題就轉(zhuǎn)換為:我們?nèi)绾尾拍茉赟toryboard中的“Hello World”button和ViewController中的showMessage()之間建立聯(lián)系。
你需要在“Hello World”button和showMessage()方法之間建立聯(lián)系绝淡,這樣的話(huà)如果有人按下Hello World button的話(huà)宙刘,app將會(huì)有所回應(yīng)。我們選擇”Main.storyboard“切換回Interface Builder界面够委。
按住鍵盤(pán)上的control鍵荐类,點(diǎn)擊“Hello World“按鈕然后拖拽到View Controller圖標(biāo)上。
同時(shí)釋放鼠標(biāo)和鍵盤(pán)然后可以在彈出窗口中的Sent Events下面看到“ShowMessage“茁帽。選擇它玉罐,這樣的話(huà)我們就在按鈕和”ShowMessage”方法之間建立了聯(lián)系。
測(cè)試你的App
好了潘拨,你現(xiàn)在可以開(kāi)始測(cè)試你的第一個(gè)App了吊输。點(diǎn)擊“Run”按鈕。如果沒(méi)有問(wèn)題的話(huà)铁追,你的app將會(huì)在仿真器上正確運(yùn)行季蚂。這次運(yùn)行,app將會(huì)在你點(diǎn)擊Hello World按鈕時(shí)顯示一條歡迎信息琅束。
啟動(dòng)界面
當(dāng)app開(kāi)始運(yùn)行時(shí)扭屁,你會(huì)看到如圖顯示的啟動(dòng)界面。當(dāng)加載界面消失后顯示Hello World程序界面涩禀。
一直以來(lái)在app啟動(dòng)后料滥,實(shí)際的app界面運(yùn)行之前,app會(huì)率先顯示一張靜態(tài)圖片(我們稱(chēng)之啟動(dòng)圖片)艾船。啟動(dòng)圖片給用戶(hù)一個(gè)印象:你的app運(yùn)行迅速并且響應(yīng)快速因?yàn)橐粏?dòng)界面就出現(xiàn)了葵腹。在iOS 8和Xcode 6中高每,Apple公司允許開(kāi)發(fā)者使用Interface Builder創(chuàng)建啟動(dòng)界面替代靜態(tài)啟動(dòng)圖片。
在Xcode
6中創(chuàng)建的任何一個(gè)項(xiàng)目践宴,你都會(huì)看到一個(gè)XIB 啟動(dòng)界面文件鲸匿,這是默認(rèn)的啟動(dòng)加載文件。像HelloWorld項(xiàng)目阻肩,你可以在項(xiàng)目導(dǎo)航中找到LaunchScreen.xib带欢。默認(rèn)情況下,啟動(dòng)界面包含了項(xiàng)目的名字和版權(quán)信息磺浙。你可以像定制Hello World中view controller一樣定制屏幕信息洪囤。同時(shí),你也可以保持默認(rèn)不變撕氧。我們將在你完成一個(gè)真實(shí)的app后在討論啟動(dòng)界面瘤缩。
?修改Button的顏色
在本章結(jié)束之前,我還想和大家分享一件事情伦泥。正如在前面提到的剥啤,你不需要通過(guò)編寫(xiě)代碼定制UI千元。這里我向大家演示一下修改一個(gè)button的屬性是一件多么簡(jiǎn)單的事情午笛。選擇“Hello World”button然后點(diǎn)擊工具區(qū)域的屬性檢查器。這里你可以訪(fǎng)問(wèn)button的屬性位岔。你可以修改字體防楷,文本顏色牺丙,背景顏色等等。在Button Section下面選擇文本顏色為白色复局,同時(shí)在View section下面選擇背景為橘色或者你想要的任何顏色冲簿。
下章簡(jiǎn)介
首先恭喜大家,你成功創(chuàng)建了你第一個(gè)app亿昏。這是一個(gè)簡(jiǎn)單的app峦剔,但是我相信大家已經(jīng)對(duì)Xcode 6和如何創(chuàng)建一個(gè)App有了進(jìn)一步的了解。是不是很簡(jiǎn)單敖枪场吝沫?
在下一章,我們將會(huì)討論Hello World app的細(xì)節(jié)并且解釋每個(gè)模塊是如何協(xié)同工作的递礼。
專(zhuān)題目錄:
IOS 8 開(kāi)發(fā)入門(mén)--序言(一)
IOS 8 開(kāi)發(fā)入門(mén)--序言(二)
第二章:使用Storyboard設(shè)計(jì)用戶(hù)界面(一)