在App Store装置Xcode开发工具的编程环境后，咱们来创立第一个SwiftUI项目，帮助咱们快速入门SwiftUI声明式语言。

创立SwiftUI项目

初次翻开Xcode开发工具时，Xcode开发工具会翻开下面的弹窗：

基础了解创建第一个SwiftUI项目

这是Xcode开发工具供给给开发者快速创立和翻开前史项目的引导弹窗，咱们能够做以下四件事情：

  1. Create a new Xcode project：创立一个新的Xcode项目
  2. Clone an existing project：克隆一个现有的项目
  3. Open a project or file：翻开一个项目或许文件
  4. 右侧边栏：快速翻开前史项目

当在引导弹窗撤销勾选后，往后再翻开Xcode开发工具将不再展现引导弹窗。假如想要创立做相关的操作，就需求在Mac顶部菜单栏挑选File > New > Project。

回归正题，咱们需求创立一个新的SwiftUI项目，挑选Creat a new Xcode project，将会出现以下弹窗：

基础了解创建第一个SwiftUI项目

Xcode开发工具供给Apple全生态渠道运用开发环境，能够开发iOS手机端或平板端运用、macOS桌面版运用、watchOS手表端运用等。

挑选iOS栏目下的APP，点击Next，将会出现以下弹窗：

基础了解创建第一个SwiftUI项目

  • Product Name：项目的称号，建议运用具有一定标识的称号，示例：SwiftUIDemo
  • Team：团队称号，能够设置为“公司”或“个人组织”
  • Organization Identifier：组织标识符，该运用程序的仅有标识符
  • Bundle Identifier：反向域名，由体系主动生成，组织标识符+项目称号
  • Interface：用户界面，运用的编程办法，需求挑选SwiftUI
  • Language：编程语言，需求挑选Swift

别的，Use Core Date 问询是否运用iOS的数据存储，能够按需勾选，勾选后Xcode开发工具将会主动创立数据存储有关的代码文件，供开发者调用。Include Tests 问询是否集成单元测验，后续若需求单元测验，也能够自行创立，这里也无需勾选。

输入Product Name后，点击Next，将会出现以下弹窗：

基础了解创建第一个SwiftUI项目

挑选SwiftUI项目保存的途径，终究点击 Create，第一个 SwiftUIAPP 就创立完成了，创立完的 SwiftUIAPP 里有默许完成的示例代码。

基础了解创建第一个SwiftUI项目

Xcode扼要阐明

Xcode是一款功能全面的运用程序，经过此工具能够轻松输入、编译、调试并执行iOS运用程序。纵观Xcode开发工具布局，首要的用户界面能够分为以下几个部分：

基础了解创建第一个SwiftUI项目

  • 顶部工具栏：用于运转和暂停模拟器，以及切换机型设备
  • 视图工具栏：包括所有App视图文件、规划元素文件夹、测验文件等
  • 修正区域：修正你的代码，如不需求预览，可敞开两个修正页面进行编程
  • 预览区域：实时预览代码修正后的结果
  • 调试面板：断点调试或许办法调试后，输出结果
  • 检查器面板：用于检查页面元素和供给辅助信息

预览SwiftUI APP

创立好SwiftUI项目后，Xcode会默许完成一段示例代码，咱们能够直接在实时预览窗口中检查内容，也能够在翻开模拟器或许衔接真机运转SwiftUI APP。

在右侧Preview中，点击实时预览窗口中的Resume，载入模拟器完毕后，能够看到项目作用：

基础了解创建第一个SwiftUI项目

切换预览机型

在工具栏上，答应切换不同iOS机型，以便于检查SwiftUI项目内容在不同机型下的作用，示例：

基础了解创建第一个SwiftUI项目

运转SwiftUI APP

除了在预览窗口实时检查修正的内容，由于部分iOS动画无法在预览窗口进行渲染，因而有时咱们也会运用到iOS模拟器或许真机进行预览。

点击“运转”按钮，启动iOS模拟器：

基础了解创建第一个SwiftUI项目

运转后，实时预览窗口中止，Xcode开发工具将会翻开一个仿真iOS模拟器，如下：

基础了解创建第一个SwiftUI项目

快速上手

下面咱们来快速上手，录入下面的代码，咱们来了解下SwiftUI的奇特之处，如下代码所示：

struct ContentView: View {
var body: some View {
VStack {
Text("SwiftUI项目实战")
.font(.largeTitle)
.foregroundColor(.blue)
.padding()
Text("文如秋雨")
.font(.title)
.foregroundColor(.gray)
.padding()
}
}
}

上述代码中，咱们创立了2个Text文本，分别展现不同文字，并经过VStack纵向布局容器包裹在内。文字部分运用font字体修饰符和foregroundColor字体色彩修饰符，以及边距修饰符padding修饰。

在实时预览窗口能够看到咱们终究完成的作用，如下图所示：

基础了解创建第一个SwiftUI项目

祝贺你，跨出了SwiftUI编程的第一步！

本章小结

在本章中，咱们扼要介绍了Xcode的各项功能的运用，以及创立完成了第一个SwiftUI项目，即使它很简单。

但就实践开发而言，本章的过程是创立每一个项目必备的操作，其中有许多小细节或许许多开发者都没怎么注意到。

编程或许对于许多人来说是一件很枯燥的事情，但只要咱们走好每一步，写好每一行、每一段、每一页代码，终究总会成为咱们理想中的大佬，望共勉～

版权声明

本文为稀土技术社区首发签约文章，14天内禁止转载，14天后未获授权禁止转载，侵权必究！