iPhone UIKit详解
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

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框架的试验工程。