1、创建项目
在xcode菜单中选择 new -> project -> single view app 点击next在弹出窗中填写项目名称
这里languge有可以选择object-c或swift作为项目语言。这里我们学习swift,所以选择swift。
如果language选择swift,下面的user interface可以选择swiftUI和storyboard。
- SwiftUI是2019 年 WWDC 大会上,苹果在压轴环节向大众宣布了基于 Swift 语言构建的全新 UI 框架,与flutter类似,是用代码编写页面,支持快速预览。
它的项目里只有一个LaunchScreen的Storyboard
- Storyboard是传统的拖拽式布局。如果我们不使用swiftUI,选择这个即可。
它的项目里除了LaunchScreen,还有main的Storyboard
2、storyboard
界面布局文件。
在xcode之前的版本中,在右下角有组件栏,可以添加组件到布局中。
但是在新版11.0中,这里是空白的,不再有组件栏。那么如何添加组件? 在最上面的工具栏右侧,有一个➕号,点击那个就可以添加组件了。
3、工程目录简介
上图界面中左侧有很多的文件夹,大致了解一些这些文件夹的作用:
外侧的四个大文件夹:
- Products: 主要用于mac电脑开发,IOS开发用不到。
- MyFirstAppTests: 用于单元测试。
- MyFirstAppUITests: 用于UI测试。
- MyFirstApp: IOS开发的内容主要都是存放在这个文件夹中。
MyFirstApp这个文件夹又包含:
- AppDelegate.swift:代表应用程序,App初始化需要的内容都在这里做,App是从这里开始启动的,这个文件暂时不做深入。
- ViewController.swift: 这是IOS视图控制器,其实说白了就是一个页面的容器,我们编写UI代码都要写在这个容器里,这是本节重点关注的文件。
- Main.storyboard: storyboard文件可以帮助我们用比较直观的方式来快速的开发UI
- Assets.xcassets: 这个文件夹主要用于存放资源文件,比如图片
- LauchScreen.storyboard: 顾名思义就是启动页面,在打开一个App的时候,一般不会直接跳到主页面,经常会先来个某某公司或则广告图片什么的,这就是启动页。
- info.plist: 这个文件是项目的配置文件。比如主页面是哪个页面,所以Main.storyborad也不一定就是主页面,因为在这里可以修改。
4、SwiftUI
创建一个新的swift的项目后,点击ContentView文件,就可以看到swiftui的使用了。 可以在canvas上预览,默认canvas不显示,在中间的编辑区域的右上角,点击菜单按钮,选择canvas
但是系统必须是macos10.15或以后版本(xcode版本11.0),否则canvas无法使用,即无法预览。
5、use of unresolved identifier
新建一个Swift UI文件后,想进行重命名,直接在左侧目录栏中点击两次文件名字重命名,并在代码中进行相应修改。
但是在其他类中使用时就会提示use of unresolved identifier
因为这种重命名不彻底,删除文件重新创建改名字的文件,再使用就可以了。
如果想对一个文件(类)重命名,需要按住command键,点击代码中的类名,在弹窗中选择rename才可以彻底重命名。