SwiftUI 教程:一、HelloWorld
本机环境
os 版本:macOS Big Sur 11.3.1
xcode 版本:12.5
不同版本功能体验可能会存在少许差异,但大致上都差不多。
新建项目
1、打开 xcode。
2、选择 Create a new Xcode project。
3、选择 Multiplatform,选中 App,点击 next。
4、Product Name 为项目名称,Team 为团队,可以先不选择,Organization Identifier 为项目 id,通常输入域名倒写即可,Include Tests 是单元测试,这里暂时先不勾选,点击 next,选择项目存放位置后创建成功。
主界面
左侧为目录,暂时只需要关注 Shared 目录:
- DemoApp.swift:App 入口。
- ContentView.swift:App 视图文件。
- Assets.xcassets:这是资源目录,用于存放静态资源例如图片。
View 文件
View 文件用于编写 App 页面,它继承 View。
打开 ContentView.swift 文件:
界面预览
预览区可以方便预览编写好的界面,它是实时性的,非常方便,预览区默认是关闭的,需要点击 Resume 来重置。
如果不想使用预览区,可以将以下代码删除:
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
模拟器调试
除了预览区,也可以选择使用 IOS 模拟器调试 App,具体操作如下:
最终效果:
真机调试
如果要使用真机来调试项目,可以这样操作:
1、点击左上角 Xcode,选择 Preferences。
2、选择 Accounts,点击左下角 + 号。
3、选择 Apple ID,点击 Continue。
4、登录 Apple ID,必须与手机上的 Apple ID 相同。
5、点击 Manage Certificates。
6、点击左下角 + 号,选择 Apple Development 即可。
7、回到 xcode ,点击项目,选择 Signing & Capabilities,team 选择刚刚登录的账户。
8、用数据线连接手机,然后选择已连接的设备,点击运行即将 App 安装到手机上。
注意:安装到手机上的 App 不能打开,需要打开手机设置 -> 通用 -> 设备管理中信任此设备。