Swift4.0学习笔记(一)——初识Xcode

前言

最近,由于工作上的原因,我需要对ios开发有一定的了解,前期目标能够读懂swift基本的语法,能够使用各种控件实现基本的ui布局,能够帮助小伙伴解决一些bug。为什么我要写这一系列的文章呢?因为我在学习的过程中,没有找到一本合适的工具书,很多东西都是在网上一点一点搜出来的,虽然说iTunes U或是官网提供了教程,但是英文版读起来有些费劲不适合快速入门,本打算去网上买几本中文版的工具书,看了一下评价好评率都不高,所以就打消了买书的念头。另外学过之后长时间不用就会慢慢地忘掉,所以打算做学习笔记,需要的时候能够快速的找到,也希望给像我一样的初学者提供一些参考。当然,我的笔记里面不会讲swift基础的语法,建议大家去菜鸟教程等相关的网站上去学习一些基本的语法,另外推荐《AppCoda Book – Beginning iOS 10 Programming with Swift 3》这本书写得挺好的,非常适合入门。

Xcode介绍

首先,要开发App就必须得有macOS系统,然后去App Store下载Xcode,接下来我们就来学习一下Xcode的本用法,以及开发工具各个区域的功能。

首先打开Xcode创建应用File-->New-->Project...出现如下界面
Swift4.0学习笔记(一)——初识Xcode_第1张图片
创建应用
然后输入项目名称,特别需要注意的是Team这一栏,最好是申请一个开发者账号,虽然现在不需要开发者账号也能够进行开发,但是后面真机调试的时候有开发者账号要方便一些。创建完成的操作界面如图所示,接下来我们就对页面的按钮做一个简单的使用说明。
Swift4.0学习笔记(一)——初识Xcode_第2张图片
操作界面

头部

如图所示:
1.运行程序(Build and then run the current scheme),如果程序编译没有错误,可点击按钮运行程序,使用快捷键command+b编译程序
2.停止正在运行的程序(Stop the running scheme or application),点击按钮可以停止一个正在运行着的程序
3.设置程序运行的设备或模拟器(Set the active scheme),更新之后模拟器做得挺逼真的
4.三个按钮表示三种不同的编辑页面显示模式,第一个(Show the Standard editor),标准编辑器显示模式;
第二个(Show the Assistant editor),辅助编辑模式,一半视图,一半源代码;
第三个(Show the Version editor),版本编辑模式,类似git的版本记录
5.三个按钮控制编辑器窗口的显示或隐藏,
第一个(Hide or show the Navigator),控制左边目录结构的显示或隐藏;
第二个(Hide or show the Debug area),控制底部输出控制台的显示或隐藏;
第三个(Hide or show the Utilities),控制右边工具窗口的显示或隐藏

Navigator面板如下图所示:
Swift4.0学习笔记(一)——初识Xcode_第3张图片
Navigator
最顶部的按钮从左到右依次表示:
  • Project navigator
  • Source Control navigator
  • Symbol navigator
  • Find navigator
  • Issue navigator
  • Test navigator
  • Debug navigator
  • Breakpoint navigator
  • Report navigator

Utilities面板如下图所示:
Swift4.0学习笔记(一)——初识Xcode_第4张图片
Utilities面板

1.File inspector 所选文件的一些基本属性
2.Quick Help inspector 方法或函数的帮助文档
3.Identity inspector 设置控件的一些基本特性
4.Attributes inspector 设置控件的基本属性
5.Size inspector 控件的基本尺寸
6.Connections inspector 控件和事件的联系
7.File Template library 文件模板库
8.Code Snippet library 代码片段库
9.Object library 视图控件库
10.Media library 媒体库,展示Assets.xcassets中的资源
11.Icon View 切换控件库的显示模式

Main.storyboard程序的主要入口,可以说每一个页面就是一个storyboard,我的笔记不使用storyboard也不使用xib,直接通过源代码来布局页面
info.plist 对程序做一些运行期配置,非常重要,里面的内容不要轻易删除,我们可以把这个文件转换成xml格式来显示,
右键info.plist-->Open As-->Source Code
Assets.xcassets文件夹,里面存放一些应用的图标、图片和文件

有次一不小心把Assets文件给删除了,操作如下:


Swift4.0学习笔记(一)——初识Xcode_第5张图片
取消引用

我以为整个文件夹被我给删了,可是在使用图片的时候,发现这些图片资源还是能够正常的使用,打开项目文件也能够开到Assets文件夹,但就是在Xcode里面看不到Assets文件夹,最后查了一下才明白是怎么回事,通过下面的操作可以把Assets文件夹显示出来

右键项目文件夹-->Add Files to "xxx" ... -->选择需要关联的文件或文件夹-->点击Add
Swift4.0学习笔记(一)——初识Xcode_第6张图片
关联文件夹

Swift4.0学习笔记(一)——初识Xcode_第7张图片
关联文件夹2

整个Xcode的基本面板和文件差不多就介绍完了,更高级的用法就需要大伙在平时的使用中去探索和发现了。
最后,我希望大家平时写代码的时候,多多注意格式化,swift是一种对格式要求比较严的语法,建议大家多多使用快捷键Control+i格式化代码。

你可能感兴趣的:(Swift4.0学习笔记(一)——初识Xcode)