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

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

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

圖1-3 MainWindow.xib文件
啟動Interface Builder后,可以看到一個空窗口畫面(見圖1-4),我們可注意到此窗口的大小與iPhone手機屏幕的大小相同,進入“Window-based Application”模板后,會自動導入UIKit框架,然后定制如此大小的窗口。

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

圖1-5 library窗口

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

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

圖1-8 設置標簽文字顏色

圖1-9 顏色選擇窗口
接著我們在窗口中單擊“Hello World”標簽以外任意空白的地方,屬性窗口將顯示背景的設置窗口(見圖1-10),在Background項目中可以將背景設置為自己喜歡的顏色(此例設置為黑色),設置方法與上面設置文字顏色相同。

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

圖1-11 HelloWorld畫面
以上就是我們完成的第一個iPhone應用程序。在此我們使用了Interface Builder來輔助完成所有開發工作,下一節我們將探討如何不依賴Interface Builder完成Hello World應用程序的開發,下一節的Hello World工程將作為學習UIKit框架的試驗工程。