
2.1 基本面板介绍
使用Xcode 8打开一个iOS 10项目后的效果如图2-1所示。

图2-1 打开一个iOS 10项目后的效果
(1)调试区域:左上角的这部分功能是控制程序编译调试或者终止调试,还有选择Scheme目标的地方。单击三角形图标会启动模拟器运行这个iOS程序,单击正方形图标会停止运行。
(2)资源管理器:左边这一部分是资源管理器,上方可以设置选择显示的视图,有Class视图、搜索视图、错误视图等。
(3)工程面板:这部分是最重要的,也是整个窗口中占用面积最大的区域。通常显示当前工程的总体信息,例如编译信息、版本信息和团队信息等。当在“资源管理器”中用鼠标选择一个源代码文件时,此时这个区域将变为“编码面板”,在面板中将显示这个文件的具体源代码。
(4)属性面板:在迚行Storyboard或者xib设计时十分有用,可以设置每个控件的属性。和Visual C++、Vsiual Studio.NET中的属性面板类似。
2.1.1 调试工具栏
调试工具栏界面效果如图2-2所示。从左面开始我们来看看常用的工具栏项目,首先是run运行按钮,单击它可以打开模拟器来运行我们的项目。停止运行按钮是
。另外,当单击并按住片刻后可以看到下面的弹出菜单,为我们提供了更多的运行选项。

图2-2 调试工具栏界面
在停止运行按钮的旁边,可以看到图2-3所示这样的一个下拉列表,这里让我们可以选择虚拟器的属性,是iPad还是iPhone。iOS Device是指真机测试,如图2-3所示。

图2-3 选择虚拟器的属性
工具栏最右侧有3个关闭视图控制器工具,可以让我们关闭一些不需要的视图,如图2-4所示。

图2-4 关闭视图控制器工具
2.1.2 导航面板介绍
在导航区域包含了多个导航类型,例如选中第一个图标后会显示项目导航面板,即显示当前项目的构成文件,如图2-5所示。

图2-5 项目导航面板界面
单击第2个图标后会来到符号导航面板界面,将显示当前项目中包含的类、方法和属性,如图2-6所示。

图2-6 符号导航面板界面
单击第3个图标后会来到搜索导航面板界面,在此可以输入将要搜索的关键字,按下回车键后将会显示搜索结果。例如输入关键字“first”后的效果如图2-7所示。

图2-7 搜索导航面板界面
单击第4个图标后会来到问题导航面板界面,如果当前项目存在错误或警告,则会在此面板中显示出来,如图2-8所示。

图2-8 显示错误信息
单击第5个图标后会来到测试导航面板界面,将会显示当前项目包含的测试用例和测试方法等,如图2-9所示。

图2-9 测试导航面板界面
单击第6个图标后会来到调试导航面板界面,在默认情况下将会显示一片空白,如图2-10所示。只有迚行项目调试时,才会在这个面板中显示内容。

图2-10 调试导航面板界面
在Xcode 8中使用断点调试的基本流程如下所示。
打开某一个文件,在编码窗口中找到想要添加断点的行号位置,然后鼠标左键单击,此时这行代码前面将会出现图标,如图2-11所示。如果想删除断点,只需用鼠标左键按住断点并拖向旁边,此时断点会消失。

图2-11 设置的断点
在添加断点并运行项目后,程序会迚入调试状态,并且会执行到断点处停下来,此面板中将会显示执行这个断点时的所有变量以及变量的值,如图2-12所示。此时的测试导航界面如图2-13所示。

图2-12 变量检查值

图2-13 断点测试导航界面
断点测试导航界面的功能非常强大,甚至可以查看程序对CPU的使用情况,如图2-14所示。

图2-14 CPU的使用情况
单击第7个图标后会来到断点导航面板界面,在此界面中将会显示当前项目中的所有断点。右键单击断点后,可以在弹出的命令中设置禁用断点或删除断点,如图2-15所示。

图2-15 禁用断点或删除断点
单击第8个图标后会来到日志导航面板界面,在此界面中将会显示在开发整个项目的过程中所发生过的所有信息,如图2-16所示。

图2-16 日志导航面板
2.1.3 检查器面板
单击属性窗口中的图标后会来到文件检查器面板界面,此面板用于显示该文件存储的相关信息,例如文件名、文件类型、文件存储路径和文件编码等信息,如图2-17所示。

图2-17 文件检查器面板
单击属性窗口中的图标后会来到快速帮助面板界面,当将鼠标停留在某个源码文件中的声明代码片段部分时,会在快速帮助面板界面中显示帮助信息。如图2-18的右上方显示了鼠标所在位置的帮助信息。

图2-18 快速帮助信息