SwiftUI-001-初始化项目并使用模拟器等预览UI效果

创建项目

点击create创建一个新项目

img

选择类型

选择项目的类型为IOS的APP类型

img

项目设置

设置名称,自定义,没有限制 设置团队,可以设置为空,也可以使用自己的APPID创建,此时不需要花钱,只是结合APPID和ICloud创建团队即可 设置ID,ID不能随意命名,它必须是唯一的,APP ID,一旦定义不能随意改变,应该遵循以下规则:

  1. 建议使用反向DNS方式,如域名为xxx.com,那么ID为com.xxx(ID至少包含两部分,以点分隔)

  2. 每部分以字母开头;

  3. 所有字符是字母数字或者下划线[a-zA-Z0-9_]

选择SwiftUI和SwiftUI App和Swift 数据库可以不勾选

测试用例可以不勾选

img

保存项目

选择文件夹保存

此处保存在桌面,按自己的习惯设置即可

Git仓库可以不勾选,也可以勾选,这个主要是代码的版本控制

img

默认代码

默认生成以下文件夹结构和代码

点击Resume预览效果

img

预览效果

预览的效果

按照惯例默认为Hello World

img

实时修改

修改文字

右侧预览会实时修改修改之后的效果

img

模拟器预览

上述的预览为单文件预览,只针对单个SwiftUI文件

除了UI预览还可以选定特定的手机型号进行APP预览,带有特定系统和屏幕分辨率的手机型号,可以完整体验开发环境的APP交互和数据等

如图,选择对应的手机型号

如Iphone11 ,点击三角图标开始预览

img

预览效果

img

END