第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组织中心