本文导航

本文的目的就是帮助各位设计师在最短的时间内，以实战的方式探索iOS应用开发基础知识。希望文章内容对大家有所帮助。

将图片导入Xcode

我们下载的模板包当中是包括图片文件的，不过项目默认是不会将这些资源文件加载进来的，我们必须手动导入。方法有两种：你可以在左侧导航栏当中 Control单击Images文件夹，选择“Add Files to 'Portfolio'”，然后找到模板包当中PNGs路径下的全部文件，执行添加(Add);或者也可以首先在Finder中找到这些文件，然后全部拖 到Xcode导航栏的Images文件夹中。

如果采用第二种方式，在执行导入的时候，Xcode会提供一些操作选项，记得勾选其中的“Copy items into destination group's folder”，确保资源文件最终会被打包到应用项目当中。

应用界面的可视化编辑

iOS开发的圈子当中始终存在一个争论——是完全通过代码的方式创建应用更好，还是使用Interface Builder更加直观的构建界面来的更好些。两种方式都是可行的，而且它们在本质上可以说是互补而不是矛盾的关系，具体的开发策略还是由实际项目的特点所决定。

倾向于纯代码方式的开发者们也许真的忽视了可视化编辑工具在界面创建过程中所体现出的高效与直观。对于我们这些习惯了Adobe系列工具的设计师来 说，可视化编辑的方式无疑是最好的切入点;而且我们的案例是很典型的基于视图(view)的应用，在这里使用Interface Builder进行界面构建也是最合理的。

首先，我们来看看怎样创建一些可以通过标签栏(Tab Bar)进行切换的界面，或者说视图(view)。在Xcode左侧的导航栏中点击MainWindow.xib，进入Interface Builder编辑模式。在右下角的库(Library)中选择“Show the Object Library”图标(看上去像个立方体的那个)，在下面的列表中找到“View Controller”。

拖拽一个View Controller对象到编辑区左侧的文档结构列表(Document Outline)当中，并在"Tab Bar Controller"上面放开。此时后者会展开，一个View Controller嵌套在里面。

重复执行两次这样的操作，使Tab Bar Controller当中包含3个View Controller，此时我们也可以在编辑区当中看到，默认的View Controller的标签栏里已经有了3个未命名的Tab，如下图所示：

什么是View Controller?

View(视图)和Controller(控制器)都是MVC开发模式(Model View Controller)的组成部分。这种开发模式旨在将程序的数据、业务逻辑与表现进行分离(类似前端的“内容、样式、行为分离”)。其中"Model" 包括数据和算法等方面，“View”涉及软件的人机交互界面，而“Controller”负责将这两者衔接起来，对用户行为进行处理;而View Controller即是指专门负责某个特定View的Controller。