iOS应用开发详解
上QQ阅读APP看本书,新人免费读10天
设备和账号都新为新人

第2章 Xcode的使用

2.1 Xcode简介

Xcode是一个用来开发Mac和iOS应用程序的集成开发环境。Xcode提供了几个编辑器来编码和设计界面,例如源码编辑器、User Interface界面编辑器等。Xcode支持代码的自动提示、语法着色显示、编辑、编译、调试及运行于一体的集成开发环境。

如图2.1所示是一张Xcode预览图。

图2.1 Xcode预览图

2.2 使用Xcode创建项目

首次启动Xcode会出现如图2.2所示的启动界面,该界面提供了一些创建项目的快捷选项,包括:创建新项目、连接到版本控制器仓库、学习Xcode,以及跳转到苹果开发中心。界面右边是一些最近打开的项目,可以方便地打开它们。

图2.2 Xcode启动界面

新建项目,我们选择“Create a new Xcode project”,跳转到新建项目模板界面,如图2.3所示。该界面左边分为两个部分,上面是创建iOS项目模板,下面是创建Mac项目模板。在学习Objective-C基础时,我们选择Mac 项目中的“Command Line Tool”选项即可创建命令行项目;在学习iOS高级开发部分时,可以使用iOS项目模板。

图2.3 Xcode模板界面

选择“Command Line Tool”选项后,单击“Next”,如图2.4所示,进入项目信息界面。该界面中要输入项目名称、公司名称和公司标识、框架类型和是否使用内存的自动引用计数等选项,如图2.4所示。

图2.4 Xcode 创建项目选项

单击“Next”按钮后,进入Xcode开发界面,如图2.5所示。该界面大致被分为上、下、左、右和中间5个区域,其中上面是菜单栏和工具栏,左边是项目导航栏,中间是编辑区,右边是工具区,下面是调试区。

图2.5 Xcode开发界面

单击工具栏中的(运行)按钮,或者使用快捷键“command+r”运行项目,在调试区输出“Hello World!”字样。

2.3 Xcode界面纵览

上一节通过创建一个项目,我们学习了Xcode的简单应用。这一节我们要庖丁解牛地讲述Xcode操作界面的各个部分。

(1)菜单栏(见图2.6)。菜单栏可以配置Xcode、创建或打开项目、编辑代码、显示/隐藏视图、导航及编辑、编译运行项目等。可以选择菜单“Xcode”→“Preferences”,打开Xcode配置界面进行设置,例如设置编辑器的字体、颜色等。可以通过“File”(文件)菜单创建或打开文件,通过“View”(视图)菜单显示/隐藏视图。

图2.6 Xcode菜单栏

(2)工具栏(见图2.7)。在菜单栏下面是工具栏,可以通过工具栏运行、停止项目,切换要运行的项目或使用的模拟器,设置断点,查看项目运行状态,切换编辑器和视图,以及打开组织中心。

图2.7 Xcode工具栏

(3)项目导航区(见图2.8)。项目导航区主要用来显示项目结构、查找、错误信息、调试、断点和日志等信息。

图2.8 Xcode 导航区

(4)中间部分是代码编辑区(见图2.9),可以快速编辑代码以及在代码之间导航。

图2.9 Xcode 编辑区

(5)工具区(见图2.10)。工具区可以设置一些类的属性,快速创建类、代码片段和视图。

图2.10 Xcode 工具区

(6)调试区(见图2.11)。可以在调试区显示程序输出结果,也可以跟踪调试程序。

图2.11 Xcode 调试区

2.4 使用Xcode中的Interface Builder构建界面

在iOS开发中界面设计是其中最重要的部分,好的界面设计会让用户眼前一亮。Xcode中提供了一个叫做Interface Builder的组件来开发用户界面,项目中的xib文件就可以使用Interface Builder打开编辑。Interface Builder是一个可视化界面,最终生成一个XML格式的配置文件,该配置文件很少直接编辑。绝大部分操作都是通过界面完成的,例如组件大小、对齐方式等。如图2.12所示是一个使用Interface Builder打开的xib文件,我们可以通过拖曳的方式添加组件,并设置属性和对齐方式。

图2.12 通过Interface Builder打开的xib文件

结合助手编辑器,还可以根据界面上的组件自动生成代码,例如组件属性、事件方法等。可以将编辑器视图切换到助手编辑器,按住control键,并选中要生成的组件,拖曳到编辑区即可自动生成代码,如图2.13所示。

图2.13 使用Interface Builder自动生成代码

2.5 Xcode快捷键

熟悉一些常用的Xcode快捷键,对于提高程序的开发效率是很有帮助的。我们可以在Xcode菜单栏中看到一些常用的快捷键。下面是一些常用的快捷键,如表2.1所示。

表2.1 Xcode常用快捷键

2.6 Organizer组织中心

在Xcode的右上角有一个打开Organizer组织中心的按钮,单击该按钮进入组织中心,在该中心可以管理设备、项目和查看帮助文档,如图2.14所示。

图2.14 Xcode的Organizer组织中心