构建一个简单的ios应用程序

启动 Xcode4

从这篇博文开始 所有的示例程序 都会创建 在Xcode开发环境当中。假设 我们 已经安装好了 Xcode，那么 点击 Dock上的Xcode图标 就可以启动 Xcode。你 也可以用 Finder 找到 Xcode。

第一次 启动 Xcode的时候，你 会看到 下面的画面：



如果 你 不勾选 底部的Show this window when Xcode launches（在Xcode启动时 显示 这个窗口），那么 下次 启动 Xcode时，这个窗口 就不会显示出来。如果 你 没有看到 这个窗口，那么 你 可以点击 菜单栏中的Window（窗口），接着 在弹出的下拉式菜单中 选择 Welcome to Xcode（欢迎来到Xcode） 就可以看到 这个窗口了。

在欢迎窗口中 我们 点击 Create a new Xcode project（创建 一个新的Xcode项目）。然后 我们 可以看到 Xcode项目窗口 以及 新项目面板。 在新项目面板当中 我们 可以选择 与我们希望开发的项目匹配的模板。



项目窗口左手边的面板 允许 开发者 选择 目标平台。这里的目标平台 允许 我们 为iOS设备 开发 应用程序 或者 为Mac OS X 开发 应用程序。我们 点击 iOS下面的Application（应用程序），然后 主面板 就会列举出 一系列我们可用的模板：

Master-Detail Application－用来 创建 基于列表的应用程序。在这种应用程序当中 选择 主列表中的某个项目 就会显示出 与之对应的细节视图。这种应用程序 提供了 Back（返回）按钮 用以回到 主列表。类似的技术 一般 用于 新闻方面的应用程序，点击 头条中的某个新闻标题 就会显示出 相应的文章。在iPad当中 这样的应用程序 会利用 分拆视图。

OpenGL Game－OpenGL ES框架提供的API（应用程序编程接口） 用来开发 图形及动画程序。OpenGL ES游戏模板 提供了 基本的OpenGL ES视图。在这个视图当中，你 可以绘制 以及 控制 图形 和 计时器物件。

Page-based Application－用来 创建 基于页面视图控制器的应用程序。这种应用程序 允许 用户 通过在屏幕上翻页 在不同的视图之间 切换。

Tabbed Application－用来 创建 基于标签栏的应用程序。标签栏 一般 出现在 设备屏幕的底部，并且 占据 整个水平空间。我们 可以通过编程 在标签栏上 添加 按钮。用户 通过点击 标签栏上的按钮 可以在不同的视图之间 切换。

Utility Application－用来 创建 包含两个背靠背视图的应用程序。典型的例子 就是 iPhone的天气应用程序。在iPhone的天气应用程序当中，点击 蓝色的info按钮 就可以翻转 到设置页面，点击 Done按钮 又可以翻转回 主页面。

Single View Application－这个模板创建的应用程序 只包含 一个视图 以及 视图控制器。

Empty Application－这个模板 只包含 一个窗口 和 应用程序代理。如果 以上的模板 都不符合 你的要求，那么 你 可以选择 Empty Application模板。

作为 一个简单的示例，我们 选择 Single View Application（单视图应用程序）模板。点击 Single View Application后，再点击 Next（下一步）按钮 进行 一些项目设置：



在这个窗口当中 输入 你希望创建的应用程序的Product Name（产品名称），并且 确保 产品名称 和 Class Prefix（物件类型名称前缀） 能够匹配。Company Identifier（公司识别符）当中 应该填上 你公司网站链接的反写，就像 这里的com.tongwenguan。

我们 还要确保 Device Family（设备家族）中选择的 是 iPhone，并且 不要勾选 Use Storyboard（使用 故事脚本） 和 Include Unit Tests（包括 单元测试）两个选项。

Automatic Reference Counting（自动化引用计数） 是 objective-c编译器包含的一个新特性。这项新特性 使 开发者 不用为 腾空 不必要的物件所占用的内存空间 而 操心。这 是 一项及其有用的特性，我们 应该勾选 这个选项 然后 再 点击 Next按钮。

在最后一个窗口当中 我们 要选择 这个项目在文件系统中的位置。最后 我们 点击 Create（创建）按钮。

一旦创建好 新的项目，Xcode 就会出现 这样的窗口：



在向前 推进之前 我们 应该看看 Xcode 为我们 都做好了 什么。首先 Xcode 创建了 一系列文件，我们 利用 这些文件 来创建 应用程序。一些 是 objective-c源代码文件，它们 以.m 结尾，这些文件中的代码 会使 应用程序 工作起来。另外一些 是 头文件 或者 接口文件，它们 以.h 结尾。.xib文件 是 界面创建器 用来保存我们所创建的图形界面的文件。老版本的界面创建器 会使用 .nib文件 来保存 我们所创建的界面。我们 还会看到 一个 或者 几个 .plist结尾的文件。这些文件 是 属性表文件。它们 存储着 成对的关键字／值信息。这里的HelloWorld-info.plist文件 包含了 关于语言、图标文件、可执行文件名称、应用程序识别符等设定。文件列表 位于 Xcode项目窗口左手边面板的项目导航器当中。在项目导航器的顶端 是 一个工具条。工具条中的选项可以显示的信息 包含 构建及运行历史、断点、编译错误及警告。

在默认的情况下 窗口的中间面板 显示 应用程序设置概览。这 包含了 项目创建过程中的识别符 以及 目标设备。还有 选项 允许 我们 设置 应用程序支持的设备方向 以及 应用程序图标。

除了 设置概览，标签栏 允许 我们 查看 以及 修改 其它的一些设定，比如 Info（信息）、Build Settings（构建设定），Build Phrase（构建阶段），Build Rules（构建规则）。随着 我们学习的内容 向前 推进，我们 会更加仔细地 探索 其它一些配置选项的。如果 要回到 应用程序设置概览，我们 只需要点击 左手边面板的第一个项目，也就是 应用程序名称。

在导航面板当中 选择 某个源代码文件，这个文件的内容 就会显示 在中间面板当中，你 可以在中间面板当中 修改 源代码。如果 要在单独的窗口中 打开 文件，我们 只需要双击 这个文件 就可以了。

创建 iOS应用程序用户界面

iPhone应用程序的运行环境之性质 决定了 它们 是 典型的可视化应用程序。任何应用程序的关键组成部分 都是 用户界面。用户 通过用户界面 与 应用程序 进行互动，同时 接收 应用程序的反馈。虽然 我们 可以编写 代码 来创建 用户界面 并且 确定 用户界面组件在屏幕上的位置，但 这样做 是 一个极端复杂 并且 可能错误百出的过程。基于 这样的认识，苹果 提供了 一款工具 叫做 界面创建器。这款工具 允许 开发者 在画布上 拖、放组件 以可视化的方式 构建 用户界面，并且 还允许 开发者 通过修改 用户界面组件的属性 来设定 它们的外观 以及 工作方式。界面创建器 在一段时间以前 就开发出来了，是 用来 设计 Mac OS X应用程序界面的，现在的界面创建器 也能设计 iOS应用程序界面了。

之前 已经提到过，Xcode 已经为我们 预先 创建了 若干文件。这些文件当中 其中一个 以.xib 结尾，这个文件 就是 界面创建器文件。在我们这个HelloWorld项目中 界面创建器文件 是 HelloWorldViewController.xib。我们 点击 左手边面板中的这个文件，界面创建器 就会出现 在中间面板当中，就像 这样：



中心面板中的矩形 代表 用户界面。起初的用户界面 只包含 一个UIView类型的物件。这个UIView类型的物件 是 在创建 项目的时候 添加的。我们 可以将 用户界面物件 拖、放 到这个UIView类型的物件上，以此 为我们的HelloWorld应用程序 创建 界面。设计 用户界面 包括了 将 物件 拖、放 到画布上 以及 在右手边的面板上 调整 这些物件的属性。点击 视图区域中右手边的按钮



就可以显示出 Xcode的右手边面板。Xcode右手边的面板 显示出来 是 这样的：



在面板的顶部 是 一排按钮，通过这些按钮 可以改变 面板上半部分的设定。这些按钮 从左 到右 分别 是 File Inspector（文件查看器）、Quick Help Inspector（快速帮助查看器）、Identity Inspector（特性查看器）、Attributes Inspector（属性查看器）、Size Inspector（尺寸查看器） 和 Connections Inspector（连接查看器）。这些查看器 在今后 会用 得十分频繁。

在右手边面板的下半部分 通过点击 不同的按钮 我们 分别 可以看到 File Template Library（文件模板库）、Code Snippet Library（代码片段库）、Objects Library（物件库） 和 Media Library（媒体库）。基于 本篇博文的目的，我们 需要将 物件库 显示出来。点击 第三个按钮 就可以了，其图标 为 一个立方体。接着 我们 可以看到 能用来构建用户界面的物件了。

改变 物件的属性

现在 我们 就可以开始 我们的设计工作了。首先 我们 要改变 UIView类型物件，也就是 视图物件，的背景颜色。先 点击 画布中间的视图物件，然后 点击 右手边面板顶端的属性查看器按钮 以调出 属性查看器。接着 点击 Background（背景）标签右手边的灰色矩形 以调出 颜色对话框。再 利用 颜色选择工具 选择 一个你看上去舒服的颜色后 关闭 颜色对话框。你 会注意到 画布中间的视图物件 由灰色 变成了 新的颜色。

在用户界面上 添加 物件

下一步 就是 在我们的视图物件上 添加 一个UILabel类型的物件，也就是 标签物件。我们 要在物件库的菜单中 选择 Cocoa Touch里的Controls。然后 点住 Label物件，拖、放 到视图物件的中心。拖放好了后 我们 可以看到 这样的情况：



利用 标签周围的蓝点，我们 可以将标签的左右边界 拖 到跟视图左右边界相同的位置。这时候 标签物件 还是要保持 被选择的状态，再在属性查看器中 点击 居中按钮：



使 标签物件中的文本 居中显示。还是 在属性查看器当中 点击 Font（字体）标签右端大大的字母T：



在弹出式菜单中的Font标签里 选择 Custom（自定义）：



然后 再 在Family（家族）标签 和 Size（尺寸）标签中 选择 字体 和 尺寸。最后 双击 写着“Label”的标签物件，在标签物件当中 输入 “Hello World”。之后 我们 就可以看到 下面的样子了：



然后 我们 需要同时按下 Command+S 将 当前的成果 保存下来。

构建 以及 运行 iOS应用程序

应用程序 在运行之前 必须编译。在Xcode主项目窗口当中 确保 左上角的菜单（在Stop按钮的右边）选择的 是 iPhone X.X Simulator。然后 点击 Stop按钮左边的Run按钮，以此 编译 以及 并且 在iPhone仿真器中 运行 应用程序。

在窗口中央这个iTunes风格的小窗口中：



编译的进度 以及 各种错误 都会报告出来。编译 一旦 结束，仿真器 就会跳出来，我们的HelloWorld应用程序 就开始运行：

处理 构建过程中的错误

在这个例子当中 我们 并没有 真正 编写 或者 修改 一行代码，所以 在构建的过程当中 也很难可能 出现 任何错误。如果 我们 意外地 修改了 什么 从而 引起 编译的失败，那么 就值得 花 几分钟的时间 谈谈 Xcode环境中的构建错误。

如果 因为 任何原因 导致 构建应用程序 失败，那个iTunes风格的小窗口 就会报告 发现了 错误 并且 显示出 错误的数量 以及 警告。除此之外 Xcode窗口的左手边面板中 也会将 错误 列举出来。选择 其中一项错误 就能将 你 带 到源代码中需要修改的地方。

转自：http://www.tongwenguan.com/objective-c/objective-c-%E4%B9%9D%E5%8D%81%E3%80%81%E5%88%9B%E5%BB%BA-%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84ios%E5%BA%94%E7%94%A8%E7%A8%8B%E5%BA%8F.html