我希望你已经正确地配置您的开发环境包括安装Xcode。如果你还没有这样做的,查看我们以前的文章去看看开始iOS编程之前你需要做的事。我们将使用Xcode 4.3.2的教程。但是,如果你不能升级到最新版本的Xcode,您也可以Xcode的4.2构建应用程序的情况下。
如果您已阅读任何编程的书,你可能听说过“Hello World”程序。它已成为为首次学习者创造的传统节目。这是一个非常简单的程序,通常显示的设备上输出“Hello,World”的。在本教程中,让我们按照传统编程路线,使用Xcode创建一个“Hello World”应用程序。尽管它是简单,但“Hello World”程序是有几个目的的:
在我们开始编写代码之前,让我们先来看看在我们的版本的“Hello World”应用程序。最终界面将看起来像这样:
你的第一个iPhone应用程序 - “世界您好”
这是非常简单的,只显示一个“Hello World”按钮。点击时,应用程序会通过一个消息提示你。就是这样。没有什么复杂的,但它可以帮助你开始你的iOS编程之旅。
首先,启动Xcode中。如果你已经通过Mac App Store安装了Xcode,你应该能够找到Xcode的启动图标。只要按一下Xcode图标去启动它。
一旦启动,Xcode将显示一个欢迎对话框。从这里,选择“创建一个新的Xcode项目”来启动一个新的项目:
Xcode中 - 欢迎对话框
Xcode中显示你可选择的各种项目模板。你的第一个应用程序,选择“Single View Application(单视图程序)”,然后单击“下一步”。
Xcode项目模板选择
这将带您到另一个屏幕上填写为您的项目所需的所有选项。
Hello World应用程序的项目选项
你可以简单地填写的选项,如下所示:
点击“下一步”继续。Xcode然后问你,你保存“Hello World”项目位置。选择在您的Mac上的任何文件夹(例如桌面)。您可能会注意到有一个选项为Source Control(源代码管理)。取消对它的选择。在以后的教程中,我们将讨论有关此选项。单击“创建”继续。
选择一个文件夹来保存你的项目
当你确认时,Xcode会根据您所提供的所有选项自动创建“Hello World”项目。屏幕会看起来像这样:
Hello World项目的主要Xcode的窗口
在我们继续编写你创建的应用程序,让我们花几分钟的时间就让我们来看看在Xcode的工作区环境。在左窗格中,在项目导航器。在此区,你可以找到所有你的文件。
在工作区中的项目浏览器
在工作区的中间部分是编辑器区域。你所有的编辑事务(如编辑项目设置,类文件,用户界面等)取决于所选择的文件类型。
在Xcode的编辑器和实用面积
最右边的窗格是公共区域。此区域显示文件的属性,并允许您访问快速帮助。如果Xcode中不显示此区域,您可以选择最右边的视图按钮在工具栏上去使它可见。
最后,它的工具栏。它提供了不同的功能,您可以运行您的应用程序,切换编辑器和视图的工作区。
在工作区中的工具栏
即使你没有写任何代码,你可以运行你的应用程序在模拟器尝试。这给出了一个方法,你如何在Xcode中构建和测试您的应用程序。只要按一下工具栏中的“运行”按钮。
在Xcode中运行“按钮
Xcode自动生成的应用程序,并在模拟器中运行它。这时模拟器看起来像:
该模拟器
灰色的屏幕,里面什么都没有!这是正常的。由于您的应用程序是不完整的,模拟器只显示一个空白屏幕。要终止的应用程序,只需点击工具栏上的“停止”按钮。
终止正在运行的应用程序
好吧,让我们继续前进,开始我们的应用程序添加的Hello World按钮。回到Project Navigator(项目导航器)中,选中“HelloWorldViewController.xib”。
选择HelloWorld的XIB文件
当您选择文件时,编辑器转到界面生成器,并象下面这样显示一个空的视图:
在Xcode界面生成器
在实用区域的下部,它示出的对象库。在这里,你可以选择任何的UI控件,拖拽和拖放到视图。对于Hello World应用程序,让我们挑“圆矩形按钮”,然后将其拖动到视图。尝试在视图中心放置按钮。
圆矩形按钮拖动到视图
要编辑标签按钮,双击它,将它命名为“Hello World”。
尝试再次运行应用程序,你应该有一个这样的应用程序:
一个按钮的Hello World
现在,如果你轻点按钮,什么也不做。我们将需要添加的代码显示的“Hello,World”消息。
在项目浏览器中,选择“HelloWorldViewController.h”。现在的编辑器区域会显示所选文件的源代码。在”@end”行前面添加下面的代码:
1
|
-(IBAction)showMessage;
|
编辑后,你的代码应该是这样的:
接下来,选择“HelloWordViewController.m”的“@end”行前插入以下代码:
- (IBAction)showMessage
{
UIAlertView *helloWorldAlert = [[UIAlertView alloc]
initWithTitle:@"My First App" message:@"Hello, World!" delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil];
// Display the Hello World Message
[helloWorldAlert show];
}
编辑完成后,你的代码应该象下面这样:
源代码编辑后的HelloWorldViewController
不要管Objective-C代码的意义。在下一篇文章中,我会向你解释。现在,只是把”showMessage”作为一个动作,这个动作指示的iOS屏幕上显示“Hello World”消息。
但是,这里的问题是:
当有人点击“Hello World”按钮如何知道该调用哪个动作?
接下来,你需要建立“Hello World”按钮和“你刚刚添加的”showMessage”动作之间的连接。回到Interface Builder选择“HelloWorldViewController.xib”的文件。在键盘上按下并按住control键,单击“Hello World”的按钮并拖动到“File’s Owner(文件的所有者)”。您的屏幕应该是这样的:
放开两个按钮,弹出一个显示的是“'showMessage”行为。选择它,和之前的按钮建立连接。
活动弹出窗口发送文件的所有者
这就是它了!现在,您已经准备好测试您的第一个应用程序。只需点击“运行”按钮。如果一切是正确的,你的应用程序将在模拟器上正常运行。
Hello World应用程序
恭喜!你已经建立了你的第一个iPhone应用程序。这是一个简单的应用程序,但是,我相信你已经有一个更好的了解Xcode和如何开发一个应用程序。
在下一篇文章中,我将进一步解释我们这里操作的Objective-C代码以及HelloWorld应用程序如何实际工作。敬请关注。