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

11,258 阅读15分钟

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

1.1 基本面板介绍

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

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

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

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

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

1.1.1 调试工具栏

调试工具栏界面效果如图1-2所示。从左面开始我们来看看常用的工具栏项目,首先是run运行按钮,单击它可以打开模拟器来运行我们的项目。停止运行按钮是。另外,当单击并按住片刻后可以看到下面的弹出菜单,为我们提供了更多的运行选项。

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

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

这里写图片描述
图1-3 选择虚拟器的属性 
这里写图片描述
图1-4 关闭视图控制器工具 1.1.2 导航面板介绍

在导航区域包含了多个导航类型,例如选中第一个图标后会显示项目导航面板,即显示当前项目的构成文件,如图1-5所示。

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

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

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

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

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

这里写图片描述
图1-9 测试导航面板界面
这里写图片描述
图1-10 调试导航面板界面 在Xcode 9中使用断点调试的基本流程如下所示。

打开某一个文件,在编码窗口中找到想要添加断点的行号位置,然后单击鼠标左键,此时这行代码前面将会出现图标,如图1-11所示。如果想删除断点,只需用按住鼠标左键将断点拖向旁边,此时断点会消失。

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

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

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

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

这里写图片描述
图1-15 禁用断点或删除断点
这里写图片描述
图1-16 日志导航面板

1.1.3 检查器面板

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

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

这里写图片描述

图1-17 文件检查器面板
这里写图片描述
1.2 Xcode 9的基本操作

经过本文前面内容的介绍,已经了解了Xcode 9中面板的基本知识。在本节的内容中,将详细讲解在Xcode 9中进行基本操作的知识。

1.2.1 改变公司名称

通过xcode编写代码,代码的头部会有类似于图1-19所示的内容。

这里写图片描述
图1-19 头部内容
这里写图片描述
图1-20 Xcode的浏览器窗口

在图1-20的搜索框中可以输入关键字,这样浏览器窗口里只显示带关键字的文件了,比如只想看Book相关的类,如图1-21所示。

这里写图片描述
图1-21 输入关键字

1.2.3 格式化代码

例如在图1-22所示的界面中,有很多行都顶格了,此时需要进行格式化处理。

选中需要格式化的代码,然后在上下文菜单中进行查找,这是比较规矩的办法,如图1-23所示。

这里写图片描述
图1-22 多行都顶格
这里写图片描述
图1-23 在上下文菜单中进行查找

Xcode没有提供快捷键,当然自己可以设置,此时可以用快捷键实现,例如Ctrl+A(全选文字)、Ctrl+X(剪切文字)、Ctrl+V(粘贴文字)。Xcode会对粘贴的文字格式化。

1.2.4 代码缩进和自动完成

有的时候代码需要缩进,有的时候又要做相反的操作。单行缩进和其他编辑器类似,只需使用Tab键即可。如果选中多行则需要使用快捷键,其中Command+]表示缩进,Command+[表示反向缩进。

使用IDE工具的一大好处是,工具能够帮助我们自动完成冗长的类型名称。Xcode提供了这方面的功能。比如下面的输出日志。

NSLog(@"book author: %@",book.author);

如果都自己输入会很麻烦的,可以先输入ns,然后使用快捷键“Ctrl+.”,会自动出现如下代码。

NSLog(NSString * format)

然后填写参数即可。快捷键“Ctrl+.”的功能是自动给出第一个匹配ns关键字的函数或类型,而NSLog是第一个。如果继续使用“Ctrl+.”,则会出现比如NSString的形式。以此类推,会显示所有ns开头的类型或函数,并循环往复。或者,也可以用“Ctrl+,”快捷键,比如还是ns,那么会显示全部ns开头的类型、函数、常量等的列表。可以在这里选择。其实,Xcode也可以在你输入代码的过程中自动给出建议。比如要输入NSString。当输入到NSStr的时候。

NSString

此时后面的ing会自动出现,如果和我预想的一样,只需直接按Tab键确认即可。也许你想输入的是NSStream,那么可以继续输入。另外也可按Esc键,这时就会出现结果列表供选择了,如图1-24所示。

如果是正在输入方法,那么会自动完成图1-25所示的样子。

这里写图片描述
图1-24 出现结果列表
这里写图片描述
图1-25 自动完成的结果

我们可以使用Tab键确认方法中的内容,或者通过快捷键“Ctrl+/”在方法中的参数来回切换。

1.2.5 文件内查找和替代

在编辑代码的过程中经常会做查找和替代的操作,如果只是查找则直接按“Command+F”即可,在代码的右上角会出现图1-26所示的对话框。只需在里面输入关键字,不论大小写,代码中所有命中的文字都高亮显示。

也可以实现更复杂的查找,比如是否大小写敏感,是否使用正则表达式等。设置界面如图1-27所示。

这里写图片描述
图1-26 查找界面
这里写图片描述
图1-27 复杂查找设置

通过图1-28中的“Find & Replace”可以切换到替代界面。

如图1-29所示的界面将查找设置为大小写敏感,然后替代为myBook。

另外,也可以单击按钮是否全部替代,还是查找一个替代一个等。如果需要在整个项目内查找和替代,则依次单击“Find”->“Find in Project…”命令,如图1-30所示。

还是以找关键字book为例,则实现界面如图1-31所示。

这里写图片描述
图1-28 “Find & Replace”替换
这里写图片描述
图1-29 替代为myBook
这里写图片描述
图1-30 “Find in Project…”命令‘’
这里写图片描述
图1-31 在整个项目内查找“book”关键字

替代操作的过程也与之类似,在此不再进行详细讲解。

1.2.6 快速定位到代码行

如果想定位光标到选中文件的行上,可以使用快捷键“Command+L”来实现,也可以依次单击“Navigate”->“Jump to Line…”命令实现,如图1-32所示。

在使用菜单或者快捷键时都会出现下面的对话框,输入行号和回车后就会来到该文件的指定行,如图1-33所示。

这里写图片描述
图1-32 “Jump to Line”命令
这里写图片描述
图1-33 输入行号

1.2.7 快速打开文件

有时候需要快速打开头文件,如图1-34所示的界面。要想知道这里的文件ViewController.h到底是什么内容,可以鼠标选中文件ViewController.h来实现。

这里写图片描述
图1-34 一个头文件

依次单击“File”->“Open Quickly…”命令,如图1-35所示。

此时会弹出图1-36所示的对话框。

这里写图片描述
图1-35 “Open Quickly…”命令 
这里写图片描述
图1-36 “Open Quickly…”对话框

此时双击文件ViewController.h的条目就可以看到图1-37所示的界面。

这里写图片描述
图1-37 文件ViewController.h的内容 1.2.8 自定义导航条

在代码窗口上边有一个工具条,此工具条提供了很多方便的导航功能,如图1-38所示的功能。

这里写图片描述
图1-38 一个导航条

也可以用来实现上面TODO的需求。这里有两种自定义导航条的写法,其中下面是标准写法。

#pragma mark

而下面是Xcode兼容的格式。

// TODO: xxx
// FIXME: xxx

完整的代码如图1-39所示。

此时会产生如图1-40所示的导航条效果。

这里写图片描述
图1-39 完整的代码
这里写图片描述
图1-40 产生的导航条效果

1.2.9 使用Xcode帮助

如果想快速地查看官方API文档,可以在源代码中按下“Option”键并鼠标双击该类型(函数、变量等),如图1-41所示的是“didReceiveMemoryWarning”的API文档对话框。

如果单击图1-41中标识的按钮,会弹出完整文档的窗口,如图1-42所示。

这里写图片描述
图1-41 didReceiveMemoryWarning的API文档对话框
这里写图片描述
图1-42 完整文档的窗口

1.2.10 调试代码

最简单的调试方法是通过NSLog打印出程序运行中的结果,然后根据这些结果判断程序运行的流程和结果值是否符合预期。对于简单的项目,通常使用这种方式就足够了。但是,如果开发的是商业项目,需要借助Xcode提供的专门调试工具。所有的编程工具的调试思路都是一样的。首先要在代码中设置断点,此时可以想象一下,程序的执行是顺序的,可能怀疑某个地方的代码出了问题(引发bug),那么就在这段代码开始的地方,比如是这个方法的第一行,或者循环的开始部分,设置一个断点。那么程序在调试时会在运行到断点时终止,接下来可以一行一行地执行代码,判断执行顺序是否是自己预期的,或者变量的值是否和自己想的一样。

设置断点的方法非常简单,比如想对框中(运行到)表示的行设置断点,就单击该行左侧圈的位置,如图1-43所示。

这里写图片描述
图1-43 单击该行左侧圈的位置 单击后会出现断点标志,如图1-44所示。

然后运行代码,比如使用“Command+Enter”命令,这时将运行代码,并且停止在断点处,如图1-45所示。

这里写图片描述
图1-44 出现断点标志 
这里写图片描述
图1-45 停止在断点处

可以通过“Shift+Command+Y”命令调出调试对话框,如图1-46所示。

图1-46 调试对话框

这和其他语言IDE工具的界面大同小异,因为都具有类似的功能。下面是主要命令的具体说明。

这里写图片描述
通过调试工具,可以对应用做全面和细致的调试。

1.3 使用Xcode 9帮助系统

在Mac中使用Xcode 9进行iOS开发时,难免会遇到很多API、类和函数等资料的查询操作,此时可以利用Xcode自带的帮助文档系统进行学习并解决我们的问题。使用Xcode 9帮助系统的方式有如下3种。

(1)使用“快速帮助面板”

在本文1.2中已经介绍了使用“快速帮助面板”的方法,只需将鼠标放在源代码中的某个类或函数上,即可在“快速帮助面板”中弹出帮助信息,如图1-47所示。

这里写图片描述
图1-47 “快速帮助面板”界面

此时单击右下角中的“View Controller Catalog for iOSView Controller”后会在新界面中显示详细信息,如图1-48所示。

(2)使用搜索功能

在图1-48中的帮助系统中,我们可以在顶部文本框中输入一个关键字,即可在下方展示对应的知识点信息。例如输入关键字“NSString”后的效果如图1-49所示。

这里写图片描述
图1-48 详细帮助信息
这里写图片描述
图1-49 输入关键字“NSString”后的效果

(3)使用编辑区的快速帮助

在某个程序文件的代码编辑界面,按下Option键后,当将鼠标光标移动到某个类上时,光标会变为问号,此时单击鼠标左键就会弹出悬浮样式的快速帮助信息,显示对应的接口文件和参考文档。

当单击打开文档名时,会弹出帮助界面显示相关的帮助信息。

本文摘自《iOS 11 开发指南》

这里写图片描述

《iOS 11开发指南》 管蕾 著

点击封面购买纸书

基于全新的iOS 11进行讲解,演示iOS11的新特性 ;Objective-C和Swift双语讲解,全新的Swift 4.0实例演示 ;9小时的视频讲解,230多个典型实例和两个综合性实例,帮助读者尽快上手开发 。

本书内容全面,本书循序渐进地讲解了iOS 11应用开发的知识。几乎涵盖了iOS 11应用开发所需要的主要内容,适合iOS开发初学者和iOS程序员学习,也可以作为相关培训学校和高校相关专业的教学用书。

延伸推荐

这里写图片描述
今日话题 你看过的最有意思的科技类app是哪个?截止时间3月5日17时,留言+转发本活动到朋友圈,小编将选出1名读者赠送异步新书一本。

点击关键词阅读更多新书: Python|机器学习|Kotlin|Java|移动开发|机器人|有奖活动|Web前端|书单

这里写图片描述

在“异步图书”后台回复“关注”,即可免费获得2000门在线视频课程;推荐朋友关注根据提示获取赠书链接,免费得异步图书一本。赶紧来参加哦! 点击阅读原文,查看本书更多信息 扫一扫上方二维码,回复“关注”参与活动!

这里写图片描述
点击下方阅读原文,直接参与活动

阅读原文