- iPhone UIKit詳解
- 王志剛 王中元 朱蕾編著
- 1050字
- 2019-01-01 07:04:20
1.2 iPhone HelloWorld程序
在了解了一些關(guān)于UIKit框架的基本特征后,我們可以試著使用UIKit框架創(chuàng)建一個(gè)最簡(jiǎn)單的Hello World應(yīng)用程序。首先我們會(huì)結(jié)合Interface Builder這個(gè)可視化開(kāi)發(fā)工具創(chuàng)建Hello World應(yīng)用程序,接著在第1.3節(jié)將其改造成不依賴(lài)xib文件的Hello World程序,進(jìn)一步理解UIKit框架的工作原理。這個(gè)Hello World程序完全可以作為學(xué)習(xí)、驗(yàn)證UIKit類(lèi)的試驗(yàn)工程。
1.2.1 創(chuàng)建HelloWorld工程
啟動(dòng)Xcode3.2后,從主菜單中選擇“File”>“New Project”選項(xiàng),將顯示如下的畫(huà)面(見(jiàn)圖1-1),選擇“Window-based Application”模板。“Window-based Application”模板是用于創(chuàng)建只有一個(gè)空窗口的最簡(jiǎn)單的應(yīng)用程序。接著我們將在這個(gè)空窗口中放置“Hello World!”標(biāo)簽。

圖1-1 選擇“Window-based Application”模板
單擊“Choose”按鈕后,在如圖1-2所示的畫(huà)面中,選擇合適的保存目錄,輸入工程的名稱(chēng)“HelloWorld”,然后單擊“Save”按鈕,HelloWorld工程就創(chuàng)建完成了。

圖1-2 創(chuàng)建工程
下一節(jié)將使用Interface Builder工具,做成顯示“Hello World!”標(biāo)簽的畫(huà)面。
1.2.2 使用Interface Builder工具作成畫(huà)面
我們可以看到在右側(cè)導(dǎo)航窗口(見(jiàn)圖1-3)的“Interface Builder Files”目錄項(xiàng)目下有名為“MainWindow.xib”的文件,雙擊此文件進(jìn)入Interface Builder窗口編輯畫(huà)面。

圖1-3 MainWindow.xib文件
啟動(dòng)Interface Builder后,可以看到一個(gè)空窗口畫(huà)面(見(jiàn)圖1-4),我們可注意到此窗口的大小與iPhone手機(jī)屏幕的大小相同,進(jìn)入“Window-based Application”模板后,會(huì)自動(dòng)導(dǎo)入U(xiǎn)IKit框架,然后定制如此大小的窗口。

圖1-4 iPhone空窗口
在library窗口中選擇“Cocoa Touch”>“Inputs&Values”選項(xiàng),如圖1-5所示,選中其中的Label控件,將其拖動(dòng)到上述空窗口的正中央(見(jiàn)圖1-6),這樣標(biāo)簽Label的追加就完成了。

圖1-5 library窗口

圖1-6 追加Label控件
雙擊剛才追加的標(biāo)簽控件,編輯其中心處的文字,輸入“Hello World!”,最后按“Enter”鍵確認(rèn)。至此,整個(gè)HelloWorld工程的主要開(kāi)發(fā)工作就算完成了(見(jiàn)圖1-7)。

圖1-7 編輯標(biāo)簽文字
進(jìn)一步可利用屬性窗口改變一下上述Hello World應(yīng)用程序的外觀。首先選中“Hello World”標(biāo)簽,在Inspector窗口的屬性窗口(右數(shù)第一個(gè)標(biāo)簽)中有Text項(xiàng)目(見(jiàn)圖1-8),單擊其后的顏色標(biāo)簽,會(huì)出現(xiàn)如圖1-9所示的顏色選取窗口,可以選擇自己喜歡的文字顏色(此處選擇白色)。

圖1-8 設(shè)置標(biāo)簽文字顏色

圖1-9 顏色選擇窗口
接著我們?cè)诖翱谥袉螕簟癏ello World”標(biāo)簽以外任意空白的地方,屬性窗口將顯示背景的設(shè)置窗口(見(jiàn)圖1-10),在Background項(xiàng)目中可以將背景設(shè)置為自己喜歡的顏色(此例設(shè)置為黑色),設(shè)置方法與上面設(shè)置文字顏色相同。

圖1-10 設(shè)置背景
這樣我們完成了所有的開(kāi)發(fā)工作,保存所有文件,可以退出Interface Builder了。
單擊Xcode窗口上方的“Build and Run”按鈕,可以對(duì)工程進(jìn)行編譯,測(cè)試Hello World程序了。最后的結(jié)果畫(huà)面如圖1-11所示。

圖1-11 HelloWorld畫(huà)面
以上就是我們完成的第一個(gè)iPhone應(yīng)用程序。在此我們使用了Interface Builder來(lái)輔助完成所有開(kāi)發(fā)工作,下一節(jié)我們將探討如何不依賴(lài)Interface Builder完成Hello World應(yīng)用程序的開(kāi)發(fā),下一節(jié)的Hello World工程將作為學(xué)習(xí)UIKit框架的試驗(yàn)工程。
- 用萬(wàn)用表檢修液晶電視機(jī)一學(xué)就會(huì)
- 基于EDA的電子技術(shù)課程設(shè)計(jì)
- 知識(shí)定義的6G網(wǎng)絡(luò)通感算資源智能調(diào)度
- 未解之謎(下)
- 無(wú)線(xiàn)定位系統(tǒng)
- 天地一體化信息網(wǎng)絡(luò)通信服務(wù)技術(shù)
- 目標(biāo)特性與傳感原理
- 智能光網(wǎng)絡(luò)運(yùn)行維護(hù)管理
- 大規(guī)模天線(xiàn)波束賦形技術(shù)原理與設(shè)計(jì)
- 基于Multisim的電子系統(tǒng)設(shè)計(jì)、仿真與綜合應(yīng)用(第2版)
- 光網(wǎng)絡(luò)信息傳輸技術(shù)
- 光傳送網(wǎng)(OTN)技術(shù)、設(shè)備及工程應(yīng)用
- 物聯(lián)網(wǎng)無(wú)線(xiàn)傳感器網(wǎng)絡(luò)技術(shù)與應(yīng)用(ZigBee版)
- 4G核心網(wǎng)絡(luò)規(guī)劃與設(shè)計(jì)
- 現(xiàn)代電信名詞術(shù)語(yǔ)解釋?zhuān)ǖ诙妫?/a>