我希望你已经正确地配置您的开发环境包括安装Xcode。如果你还没有这样做的,查看我们以前的文章去看看开始iOS编程之前你需要做的事。我们将使用Xcode 4.3.2的教程。但是,如果你不能升级到最新版本的Xcode,您也可以Xcode的4.2构建应用程序的情况下。
如果您已阅读任何编程的书,你可能听说过“Hello World”程序。它已成为为首次学习者创造的传统节目。这是一个非常简单的程序,通常显示的设备上输出“Hello,World”的。在本教程中,让我们按照传统编程路线,使用Xcode创建一个“Hello World”应用程序。尽管它是简单,但“Hello World”程序是有几个目的的:
- 它会让你更关注于Objective C的语法和结构,iOS的编程语言。
- 它也给你关于Xcode环境的基本介绍。您将学习如何创建一个Xcode项目和通过内置的界面生成器创建的用户界面。
- 您将学习如何编译程序,构建应用程序和使用模拟器测试程序。
- 最后,它使你认为编程是不困难的。我不想吓唬你。
来看看在你的第一个应用程序
在我们开始编写代码之前,让我们先来看看在我们的版本的“Hello World”应用程序。最终界面将看起来像这样:
这是非常简单的,只显示一个“Hello World”按钮。点击时,应用程序会通过一个消息提示你。就是这样。没有什么复杂的,但它可以帮助你开始你的iOS编程之旅。
开始编码!
首先,启动Xcode中。如果你已经通过Mac App Store安装了Xcode,你应该能够找到Xcode的启动图标。只要按一下Xcode图标去启动它。
一旦启动,Xcode将显示一个欢迎对话框。从这里,选择“创建一个新的Xcode项目”来启动一个新的项目:
Xcode中显示你可选择的各种项目模板。你的第一个应用程序,选择“Single View Application(单视图程序)”,然后单击“下一步”。
这将带您到另一个屏幕上填写为您的项目所需的所有选项。
你可以简单地填写的选项,如下所示:
- Product Name(产品名称):HelloWorld -这是你的应用程序的名称。
- Company Identifier(公司标识):com.appcoda -它实际上是域名的反过来。如果你有一个域名,您可以使用您自己的域名。否则,你可能会使用我们的,或者只需填写在“edu.self”。
- Class Prefix(类前缀):HelloWorld的 - ,Xcode使用自动命名类的类名的前缀。在未来,你可以选择自己的前缀或,甚至留空白。但在本教程中,让我们保持它的简单和使用的“HelloWorld”。
- Device Family(设备系列):iPhone -使用“iPhone”这个项目。
- Use Storyboards使用故事板[unchecked]-不要选择此选项。你不需要为这个简单的项目演示板。
- Use Automatic Reference Counting(使用自动的引用计数):[checked] -默认情况下,这应该被启用。不用管它。
- Include Unit Tests(包括单元测试):[unchecked] -不要选中此复选框。现在,你不需要单元测试类。
点击“下一步”继续。Xcode然后问你,你保存“Hello World”项目位置。选择在您的Mac上的任何文件夹(例如桌面)。您可能会注意到有一个选项为Source Control(源代码管理)。取消对它的选择。在以后的教程中,我们将讨论有关此选项。单击“创建”继续。
当你确认时,Xcode会根据您所提供的所有选项自动创建“Hello World”项目。屏幕会看起来像这样:
熟悉Xcode的工作区
在我们继续编写你创建的应用程序,让我们花几分钟的时间就让我们来看看在Xcode的工作区环境。在左窗格中,在项目导航器。在此区,你可以找到所有你的文件。
在工作区的中间部分是编辑器区域。你所有的编辑事务(如编辑项目设置,类文件,用户界面等)取决于所选择的文件类型。
最右边的窗格是公共区域。此区域显示文件的属性,并允许您访问快速帮助。如果Xcode中不显示此区域,您可以选择最右边的视图按钮在工具栏上去使它可见。
最后,它的工具栏。它提供了不同的功能,您可以运行您的应用程序,切换编辑器和视图的工作区。
第一时间运行你的程序
即使你没有写任何代码,你可以运行你的应用程序在模拟器尝试。这给出了一个方法,你如何在Xcode中构建和测试您的应用程序。只要按一下工具栏中的“运行”按钮。
Xcode自动生成的应用程序,并在模拟器中运行它。这时模拟器看起来像:
灰色的屏幕,里面什么都没有!这是正常的。由于您的应用程序是不完整的,模拟器只显示一个空白屏幕。要终止的应用程序,只需点击工具栏上的“停止”按钮。
返回代码
好吧,让我们继续前进,开始我们的应用程序添加的Hello World按钮。回到Project Navigator(项目导航器)中,选中“HelloWorldViewController.xib”。
当您选择文件时,编辑器转到界面生成器,并象下面这样显示一个空的视图:
在实用区域的下部,它示出的对象库。在这里,你可以选择任何的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];
}
编辑完成后,你的代码应该象下面这样:
不要管Objective-C代码的意义。在下一篇文章中,我会向你解释。现在,只是把”showMessage”作为一个动作,这个动作指示的iOS屏幕上显示“Hello World”消息。
连接Hello World按钮与行为
但是,这里的问题是:
当有人点击“Hello World”按钮如何知道该调用哪个动作?
接下来,你需要建立“Hello World”按钮和“你刚刚添加的”showMessage”动作之间的连接。回到Interface Builder选择“HelloWorldViewController.xib”的文件。在键盘上按下并按住control键,单击“Hello World”的按钮并拖动到“File’s Owner(文件的所有者)”。您的屏幕应该是这样的:
放开两个按钮,弹出一个显示的是“'showMessage”行为。选择它,和之前的按钮建立连接。
测试您的应用程序
这就是它了!现在,您已经准备好测试您的第一个应用程序。只需点击“运行”按钮。如果一切是正确的,你的应用程序将在模拟器上正常运行。
恭喜!你已经建立了你的第一个iPhone应用程序。这是一个简单的应用程序,但是,我相信你已经有一个更好的了解Xcode和如何开发一个应用程序。
在下一篇文章中,我将进一步解释我们这里操作的Objective-C代码以及HelloWorld应用程序如何实际工作。敬请关注。