![iPhone UIKit详解](https://wfqqreader-1252317822.image.myqcloud.com/cover/3/654003/b_654003.jpg)
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!”标签。
![](https://epubservercos.yuewen.com/3DD0A4/3591140804529001/epubprivate/OEBPS/Images/Figure-0011-13629.jpg?sign=1739481202-ZBiNUeS6h0Cip8EphxRVhg1kuVlA6haF-0-83f723c02f447df65a09bf7d538376b5)
图1-1 选择“Window-based Application”模板
单击“Choose”按钮后,在如图1-2所示的画面中,选择合适的保存目录,输入工程的名称“HelloWorld”,然后单击“Save”按钮,HelloWorld工程就创建完成了。
![](https://epubservercos.yuewen.com/3DD0A4/3591140804529001/epubprivate/OEBPS/Images/Figure-0012-13648.jpg?sign=1739481202-zppU85Ufp7y0TR0ELZpbZMRDCsvwnYVC-0-698ff63b8d60c2928b2d2930d68c3382)
图1-2 创建工程
下一节将使用Interface Builder工具,做成显示“Hello World!”标签的画面。
1.2.2 使用Interface Builder工具作成画面
我们可以看到在右侧导航窗口(见图1-3)的“Interface Builder Files”目录项目下有名为“MainWindow.xib”的文件,双击此文件进入Interface Builder窗口编辑画面。
![](https://epubservercos.yuewen.com/3DD0A4/3591140804529001/epubprivate/OEBPS/Images/Figure-0012-13664.jpg?sign=1739481202-ii96LhbcUYPgQtwdd2EXWOU3dPf5PGK7-0-79db98d0d1c0a9235371ea2e4e3d1abf)
图1-3 MainWindow.xib文件
启动Interface Builder后,可以看到一个空窗口画面(见图1-4),我们可注意到此窗口的大小与iPhone手机屏幕的大小相同,进入“Window-based Application”模板后,会自动导入UIKit框架,然后定制如此大小的窗口。
![](https://epubservercos.yuewen.com/3DD0A4/3591140804529001/epubprivate/OEBPS/Images/Figure-0013-13721.jpg?sign=1739481202-RUnCEAw1KOTAFqqeg3cWWGTDTkn65Vuh-0-142a793a9963ec92e3106886e8cc5fdf)
图1-4 iPhone空窗口
在library窗口中选择“Cocoa Touch”>“Inputs&Values”选项,如图1-5所示,选中其中的Label控件,将其拖动到上述空窗口的正中央(见图1-6),这样标签Label的追加就完成了。
![](https://epubservercos.yuewen.com/3DD0A4/3591140804529001/epubprivate/OEBPS/Images/Figure-0013-13733.jpg?sign=1739481202-7gL5S6IdE47q9azpDCR2YcoRw1VVRy2E-0-8e212cd700380a004b65a48ca746d948)
图1-5 library窗口
![](https://epubservercos.yuewen.com/3DD0A4/3591140804529001/epubprivate/OEBPS/Images/Figure-0013-13742.jpg?sign=1739481202-AhipRS7ZvYwL682pRGdSJupvth3FrHt6-0-a53527bcdf508220738ece5b5d62b4e0)
图1-6 追加Label控件
双击刚才追加的标签控件,编辑其中心处的文字,输入“Hello World!”,最后按“Enter”键确认。至此,整个HelloWorld工程的主要开发工作就算完成了(见图1-7)。
![](https://epubservercos.yuewen.com/3DD0A4/3591140804529001/epubprivate/OEBPS/Images/Figure-0014-13760.jpg?sign=1739481202-B1teVM9JFynDQppEjL8JtmeB2olrqqft-0-ec797453413b26970bbec5bad016a1a1)
图1-7 编辑标签文字
进一步可利用属性窗口改变一下上述Hello World应用程序的外观。首先选中“Hello World”标签,在Inspector窗口的属性窗口(右数第一个标签)中有Text项目(见图1-8),单击其后的颜色标签,会出现如图1-9所示的颜色选取窗口,可以选择自己喜欢的文字颜色(此处选择白色)。
![](https://epubservercos.yuewen.com/3DD0A4/3591140804529001/epubprivate/OEBPS/Images/Figure-0014-13772.jpg?sign=1739481202-yyjl2kmWcNB7vfoj59JQ6yq6mOjPDCF0-0-40b3a718cd62f03b5ef5a408098cccbc)
图1-8 设置标签文字颜色
![](https://epubservercos.yuewen.com/3DD0A4/3591140804529001/epubprivate/OEBPS/Images/Figure-0015-13828.jpg?sign=1739481202-9oZVtYghSYyUb350CjyQpljpHrPjbT1L-0-f8765ad24abe1e193581f48db2b04594)
图1-9 颜色选择窗口
接着我们在窗口中单击“Hello World”标签以外任意空白的地方,属性窗口将显示背景的设置窗口(见图1-10),在Background项目中可以将背景设置为自己喜欢的颜色(此例设置为黑色),设置方法与上面设置文字颜色相同。
![](https://epubservercos.yuewen.com/3DD0A4/3591140804529001/epubprivate/OEBPS/Images/Figure-0015-13840.jpg?sign=1739481202-MQVstcIUphsvMuTxhh75L3PEITybF7jW-0-c0d295c1b0618a712afca69685b40600)
图1-10 设置背景
这样我们完成了所有的开发工作,保存所有文件,可以退出Interface Builder了。
单击Xcode窗口上方的“Build and Run”按钮,可以对工程进行编译,测试Hello World程序了。最后的结果画面如图1-11所示。
![](https://epubservercos.yuewen.com/3DD0A4/3591140804529001/epubprivate/OEBPS/Images/Figure-0016-13857.jpg?sign=1739481202-5rUePY5ZEshS8UWniyPPr0AcPBATF50w-0-7df541bb30405c88b313c4abc0d9fb0e)
图1-11 HelloWorld画面
以上就是我们完成的第一个iPhone应用程序。在此我们使用了Interface Builder来辅助完成所有开发工作,下一节我们将探讨如何不依赖Interface Builder完成Hello World应用程序的开发,下一节的Hello World工程将作为学习UIKit框架的试验工程。