【一步一步学IOS5 】 Hello World!创建你的第

系统 2582 0

 

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

 

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

 

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

 

Hello World 效果图:

 

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

 

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项目,界面如下所示:

 


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

 

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

 


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

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

 

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

 

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

 

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

 

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

 

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

 

点击工具栏中的Run按钮。

 

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


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

 

3.coding 

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 


【一步一步学IOS5 】 Hello World!创建你的第一个iPhone 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将运行在模拟器中。如下所示:


【一步一步学IOS5 】 Hello World!创建你的第一个iPhone App
 恭喜你,你已经完成了你的第一个iPhone App。

 

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


更多文章、技术交流、商务合作、联系博主

微信扫码或搜索:z360901061

微信扫一扫加我为好友

QQ号联系: 360901061

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描下面二维码支持博主2元、5元、10元、20元等您想捐的金额吧,狠狠点击下面给点支持吧,站长非常感激您!手机微信长按不能支付解决办法:请将微信支付二维码保存到相册,切换到微信,然后点击微信右上角扫一扫功能,选择支付二维码完成支付。

【本文对您有帮助就好】

您的支持是博主写作最大的动力,如果您喜欢我的文章,感觉我的文章对您有帮助,请用微信扫描上面二维码支持博主2元、5元、10元、自定义金额等您想捐的金额吧,站长会非常 感谢您的哦!!!

发表我的评论
最新评论 总共0条评论