1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]

1. 本节课将向您演示系统的操作界面。通过操作界面的学习,可以提高您对开发工具的熟练程度。首先双击打开之前创建的项目模板。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第1张图片
image

2. 接着,让我们浏览下项目的目录结构。在工程导航栏中,要打开一个文件夹,只需点击文件夹左侧的三角形按钮即可。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第2张图片
image

3. 应用代理文件,是系统运行本应用的委托,里面定义了如程序的进入与退出、设备方向旋转等众多全局方法。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第3张图片
image

4. 视图控制器可以创建和管理视图,并管理视图上显示的数据。也可以监测设备方向的变化,并调整视图大小以适应屏幕。以及在视图和模型之间进行数据的传递。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第4张图片
image

5. 故事板可以使所有的视图控制器,以及它们之间的关系一目了然。故事板也是适配各分辨率设备的利器。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第5张图片
image

6. 资源文件夹可以方便您进行图片管理。并且在读取图片时,不需要加上图片名的后缀。它会将图片进行加密压缩,以提高软件的安全性。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第6张图片
image

7. 启动场景故事板,可以帮助您设计和适配程序的启动页。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第7张图片
image

8. 每个程序都会使用信息属性列表文件,存储项目配置信息。例如程序的版本号、显示用的图标、支持的设备方向等等。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第8张图片
image

9. 点击右向箭头,查看项目测试目录下的内容。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第9张图片
image

10. 点击右向箭头,查看项目界面测试目录下的内容。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第10张图片
image

11. 在产品目录中,存放项目编译后生成的文件包。使用[产品 > 编译]命令,可以在此处生成适合发布到苹果市场的应用压缩包。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第11张图片
image

12. 点击版本控制导航器图标,进入源码版本控制面板。在此面板可以对源码进行版本的管理。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第12张图片
image

13. 点击符号导航器图标,进入层级面板。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第13张图片
image

14. 层级面板里显示了项目中的类列表,点击类名左侧的右向箭头,可以查看类下的方法。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第14张图片
image

15. 然后选择某一个方法,将立即跳转到该方法,并显示该方法的具体内容。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第15张图片
image

16. 点击[搜索]图标,打开搜索导航面板。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第16张图片
image

17. 在搜索导航面板中,允许您通过输入关键字,来查找项目中所有文件,找出拥有该关键字的文档。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第17张图片
image

18. 点击键盘上的回车按钮,开始查找包含关键词的文件。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第18张图片
image

19. 在查找到的结果列表中,点击查找结果,快速进入目标代码段。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第19张图片
image

20. 点击[状况面板]图标,打开状况面板。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第20张图片
image

21. 状况面板显示了项目中所有文档中的代码问题。黄色标志表示各种不影响程序运行的小问题,红色标志表示致命错误,需要修复才能运行。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第21张图片
image

22. 测试面板显示了项目的测试用例。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第22张图片
image

23. 调试导航器面板,在测试程序时极为有用,让我们启动下模拟器,演示下导航器面板的使用。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第23张图片
image

24. 点击内存选项,来观察程序运行中内存的实时状态。

25. 点击硬盘选项,观察程序运行中,对硬盘的读取与存入的实时状态。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第24张图片
image

26. 点击网络选项,观察程序运行中的网络请求状态。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第25张图片
image

27. 点击[断点]图标,进入断点调试面板。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第26张图片
image

28. 当您在代码区进行断点调试时,这里将列出项目中的所有断点。点击按钮查看日志面板,纪录了当前项目所有的历史动作。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第27张图片
image

29. 最后点击[停止]按钮,关闭模拟器,并结束本节课程。

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第28张图片
image

1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程]_第29张图片
image

本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

你可能感兴趣的:(1.9 Xcode左侧界面介绍一 [iOS开发-Xcode教程])