上个月入手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将运行在模拟器中。如下所示: