30分钟学会iOS 11开发环境xcode 9图文教程(一)

匿名 (未验证) 提交于 2019-12-03 00:22:01

#######Xcode是一款功能全面的应用程序,通过此工具可以轻松输入、编译、调试并执行Objective-C程序。如果想在Mac上快速开发iOS应用程序,则必须学会使用这个强大的工具的方法。在本文容中,将详细讲解Xcode 9开发工具的基本知识,为读者步入本书后面知识的学习打下基础。


image.png
其实做为一个开发者,有一个学习的氛围跟一个交流圈子特别重要,这是一个我的iOS学习交流群 651612063,不管你是小白还是大牛欢迎入驻,大家一起交流学习,

1.1 基本面板介绍

使用Xcode 9打开一个iOS 11项目后的效果如图1-1所示。

image

图1-1 打开一个iOS 11项目后的效果

(1)调试区域:左上角的这部分功能是控制程序编译调试或者终止调试,还有选择Scheme目标的地方。单击三角形图标会启动模拟器运行这个iOS程序,单击正方形图标会停止运行。

(2)资源管理器:左边这一部分是资源管理器,上方可以设置选择显示的视图,有Class视图、搜索视图、错误视图等。

(3)工程面板:这部分是最重要的,也是整个窗口中占用面积最大的区域。通常显示当前工程的总体信息,例如编译信息、版本信息和团队信息等。当在“资源管理器”中用鼠标选择一个源代码文件时,此时这个区域将变为“编码面板”,在面板中将显示这个文件的具体源代码。

(4)属性面板:在进行Storyboard或者xib设计时十分有用,可以设置每个控件的属性。和Visual C++、Vsiual Studio.NET中的属性面板类似。

1.1.1 调试工具栏

调试工具栏界面效果如图1-2所示。从左面开始我们来看看常用的工具栏项目,首先是run运行按钮
image

,单击它可以打开模拟器来运行我们的项目。停止运行按钮是
image

。另外,当单击并按住片刻后可以看到下面的弹出菜单,为我们提供了更多的运行选项。

image

图1-2 调试工具栏界面

在停止运行按钮
image

的旁边,可以看到图1-3所示这样的一个下拉列表,这里让我们可以选择虚拟器的属性,是iPad还是iPhone。iOS Device是指真机测试,如图1-3所示。

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

image

图1-3 选择虚拟器的属性

image

图1-4 关闭视图控制器工具

1.1.2 导航面板介绍

在导航区域包含了多个导航类型,例如选中第一个图标
image

后会显示项目导航面板,即显示当前项目的构成文件,如图1-5所示。

单击第2个图标
image

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

image

图1-5 项目导航面板界面

image

图1-6 符号导航面板界面

单击第3个图标
image

后会来到搜索导航面板界面,在此可以输入将要搜索的关键字,按下回车键后将会显示搜索结果。例如输入关键字“first”后的效果如图1-7所示。

单击第4个图标
image

后会来到问题导航面板界面,如果当前项目存在错误或警告,则会在此面板中显示出来,如图1-8所示。

image

图1-7 搜索导航面板界面

image

图1-8 显示错误信息

单击第5个图标
image

后会来到测试导航面板界面,将会显示当前项目包含的测试用例和测试方法等,如图1-9所示。

单击第6个图标
image

后会来到调试导航面板界面,在默认情况下将会显示一片空白,如图1-10所示。只有进行项目调试时,才会在这个面板中显示内容。

image

图1-9 测试导航面板界面

image

图1-10 调试导航面板界面

在Xcode 9中使用断点调试的基本流程如下所示。

打开某一个文件,在编码窗口中找到想要添加断点的行号位置,然后单击鼠标左键,此时这行代码前面将会出现
image

图标,如图1-11所示。如果想删除断点,只需用按住鼠标左键将断点拖向旁边,此时断点会消失。

image

图1-11 设置的断点

image

图1-12检查值

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

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

image

图1-13 断点测试导航界面

image

图1-14 CPU的使用情况

单击第7个图标
image

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

单击第8个图标
image

后会来到日志导航面板界面,在此界面中将会显示在开发整个项目的过程中所发生过的所有信息,如图1-16所示。

image

图1-15 禁用断点或删除断点

image

图1-16 日志导航面板

1.1.3 检查器面板

单击属性窗口中的
image

图标后会来到文件检查器面板界面,此面板用于显示该文件存储的相关信息,例如文件名、文件类型、文件存储路径和文件编码等信息,如图1-17所示。

单击属性窗口中的
image

图标后会来到快速帮助面板界面,当将鼠标停留在某个源码文件中的声明代码片段部分时,会在快速帮助面板界面中显示帮助信息。图1-18的右上方显示了鼠标所在位置的帮助信息。

image

图1-17 文件检查器面板

image

图1-18 快速帮助信息

其实做为一个开发者,有一个学习的氛围跟一个交流圈子特别重要,这是一个我的iOS学习交流群 651612063,不管你是小白还是大牛欢迎入驻,大家一起交流学习,加群私聊(小狄)就可以领取2018最全梳理的面试宝典和资料)。同时想要找工作的也可以私聊小编。
需要资料的也可以加小编QQ2507362121。
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!