【一步一步学IOS5 】 Hello World！创建你的第一个iPhone App

 

 上个月入手MBP，感觉超好。也对IOS开发产生了兴趣。

 

索性利用空闲时间学习下IOS开发。并通过日志将学习笔记记录下来，供大家一起分享。

 

IOS开发环境：Xcode 4.4.1、IOS 5.1 Library

 

Hello World 效果图：

 

 

coding start！

 

1.启动我们的Xcode软件，在弹出的欢迎对话框中选择Create a new Xcode project,Xcode会显示不同的项目模板供我们选择，我们选择Single View Application,点击next。

 

接下来会弹出另一个窗口，输入项目的所有必要信息。

 

输入选项如下：

Product Name:  HelloWorld   - 应用程序的名称

 

Organization Name:  刘鹏 - 个人开发者，写上名字就OK了

 

Company Identifier: com.appcode   - 通常将域名反写

 

Class Prefix: HelloWorld  - Xcode 会自动使用类前缀命名类。将来，你可以选择你自己的前缀名称，或者让它为空。

 

Device: iPhone - 针对本项目仅选择iPhone

 

Use Storyboards : 【不选择】 - 不必选择，对于这个简单的项目不必使用

 

Use Automatic Reference Counting : 【选择】 - 默认情况下，启动这一选项

 

Include Unit Tests : 【不选择】 - 当前，不必使用单元测试类

 

点击next继续，Xcode会问题在哪里保存HelloWorld项目，选择Mac中任何目录。

 

这是你会注意到有一个选项为Source Control, 不必选择。点击Create继续。

 

在你确认之后，Xcode基于你的选择，自动创建HelloWorld项目，界面如下所示：

 

 

下面是一张Xcode工作环境图，我会稍微介绍下Xcode开发工具

 

在左侧面板，是项目导航栏。这这一区域，你可以发现所有项目文件

 

Xcode工作区域的中间部分是编辑区域。根据选择的文件类型，你在此区域进行所有的编辑工作（如编辑项目设置、类文件、用户界面等等）。

 

最右侧的面板是工作区域（Utility Area)。 这一区域显示了文件属性，并允许你访问快读帮助（Quick Help）。

 

最后，是工具条部分。工具条提供了不同的功能，让你运行你的应用程序，切换编辑区和工作区视图等等。

 

2.第一次运行你的应用程序

 

即使你没有编写任何代码，你可以在模拟器中运行你的应用程序。

 

点击工具栏中的Run按钮。

 

Xcode自动构建应用程序，并在模拟器中运行，下面是模拟器的运行界面

 

3.coding 

 

OK,现在继续，开始在应用程序中添加Hello World按钮。

 

在应用程序导航界面，选择 H elloWorldViewController.xib

 

此时编辑器变为 Interface Builder ，并显示应用程序的空白视图

 

在工具区域（Utility Area），显示Object library(对象库)  . 

 

我们选择Round Rect Button  这个UI空间，将其拖动到视图上的中间位置。

 

双击改按钮，命名为 Hello World。

 

再次运行App，你将看到如下效果。

 

 

现在，如果你点击该按钮，没有任何效果。

 

4.编写H ello World 按钮的代码

 

在项目导航中，选择HelloWorldViewController.h 文件，编辑器现在显示所选文件的源代码。

 

在@end 代码行前面添加如下一行代码：

 

- (IBAction)showMessage;

 

接着，选择HelloWorldViewController.m 文件，并在 @end代码行前面， 插入如下代码：

 

 

- (IBAction)showMessage

{

    UIAlertView *helloWorldAlert = [[UIAlertView alloc] initWithTitle:@"My First App" message:@"Hello, World" delegate:nil cancelButtonTitle:@"OK" otherButtonTitles:nil];

 

    //Display the Hello Message

 

    [helloWorldAlert show];

}

 

 

5.连接Hello World 按钮和 Action方法

 

现在，我们需要将Hello World 按钮和刚刚加入的方法 - showMessage 建立连接。选择 HelloWorldViewController.xib文件，返回 Interface Builder 窗口， 按下Control键，并点击 Hello World按钮，拖拽到 File‘s Owner 图标上。

 

 

6.检查已建立的连接

 

经过Xcode界面的一些列拖拽操作后，可能错误的创建了一些不需要的连接，导致App无法正常运行。

 

（1）选择一个需要检查的对象，如Button，打开工具区域 - Connections Inspector (连接检查器）窗口，检查连接信息。

 

（2）另外一种方法是，右击 Interface Builder 编辑器后者文档大纲区（Document Outline)中的任何对象，如View Controller 或 File's Owner, 可打开快速检查器（Quick Inspector),将弹出一个浮动窗口

 

 

7.测试你的应用程序

 

好啦，你现在可以开始测试你的第一个App了。点击Run按钮，如果一切正常，你的App将运行在模拟器中。如下所示：

 恭喜你，你已经完成了你的第一个iPhone App。