IOS编程浅蓝教程(二) HelloWrld! 建立你的第一个iPhone应用程序

我希望你已经正确地配置您的开发环境包括安装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”应用程序。最终界面将看起来像这样：

你的第一个iPhone应用程序 - “世界您好”

 

这是非常简单的，只显示一个“Hello World”按钮。点击时，应用程序会通过一个消息提示你。就是这样。没有什么复杂的，但它可以帮助你开始你的iOS编程之旅。

开始编码！

首先，启动Xcode中。如果你已经通过Mac App Store安装了Xcode，你应该能够找到Xcode的启动图标。只要按一下Xcode图标去启动它。

 

一旦启动，Xcode将显示一个欢迎对话框。从这里，选择“创建一个新的Xcode项目”来启动一个新的项目：

Xcode中 - 欢迎对话框

Xcode中显示你可选择的各种项目模板。你的第一个应用程序，选择“Single View Application（单视图程序）”，然后单击“下一步”。

Xcode项目模板选择

这将带您到另一个屏幕上填写为您的项目所需的所有选项。

Hello World应用程序的项目选项

你可以简单地填写的选项，如下所示：

·         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”项目。屏幕会看起来像这样：

Hello World项目的主要Xcode的窗口

熟悉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”消息。

编写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”按钮如何知道该调用哪个动作？

接下来，你需要建立“Hello World”按钮和“你刚刚添加的”showMessage”动作之间的连接。回到Interface Builder选择“HelloWorldViewController.xib”的文件。在键盘上按下并按住control键，单击“Hello World”的按钮并拖动到“File’s Owner(文件的所有者)”。您的屏幕应该是这样的：

 

放开两个按钮，弹出一个显示的是“'showMessage”行为。选择它，和之前的按钮建立连接。

活动弹出窗口发送文件的所有者

测试您的应用程序

这就是它了！现在，您已经准备好测试您的第一个应用程序。只需点击“运行”按钮。如果一切是正确的，你的应用程序将在模拟器上正常运行。

Hello World应用程序

恭喜！你已经建立了你的第一个iPhone应用程序。这是一个简单的应用程序，但是，我相信你已经有一个更好的了解Xcode和如何开发一个应用程序。

在下一篇文章中，我将进一步解释我们这里操作的Objective-C代码以及HelloWorld应用程序如何实际工作。敬请关注。