SwiftUI学习01

借助 SwiftUI，您可以利用 Swift 的强大功能打造适合各个 Apple 平台的精美 app，而无需编写大量代码。SwiftUI 让您只需使用一套工具和 API，就能在任何 Apple 设备上为所有用户带来更加出色的体验。

一、声明式语法

SwiftUI 采用声明式语法，您只需声明用户界面应具备的功能便可。例如，您可以写明您需要一个由文本栏组成的项目列表，然后描述各个栏位的对齐方式、字体和颜色。您的代码比以往更加简单直观和易于理解，可以节省您的时间和维护工作。

截屏2021-11-24 下午5.08.52.png

这种声明式风格甚至适用于动画等复杂的概念。只需几行代码，就能轻松地向几乎任何控件添加动画并选择一系列即时可用的特效。在运行时，系统会处理所有必要的步骤和中断因素，来保证您的代码流畅运行、保持稳定。实现动画效果是如此简单，您还能探索新的方式让 app 更生动出彩。

二、使用 SwiftUI 创建 App 界面

概览

如果您选择使用 SwiftUI 框架开发 app，则可以在布置用户界面时看到一个交互式预览。Xcode 会使您对源代码、用户界面布局和检查器所做的更改保持同步。例如，您在检查器中编辑属性时，Xcode 会将对应的代码添加到源文件中。

显示 SwiftUI 预览

要显示预览，请在项目导航器中选择一个使用 SwiftUI 的文件，再选取“Editor”(编辑器) >“Canvas”(画布)。然后，点按画布右上角的“Resume”(恢复) 按钮以启动预览。Xcode 会构建和运行代码，并直接在画布中显示结果。

7a6b441e-d9b0-400a-b3f0-027413778674 (1).png

编辑用户界面元素

使用“Action”(操作) 菜单或检查器来编辑界面元素，或者通过在源代码编辑器中输入代码来编辑。按住 Command 键点按画布中的元素或代码中的结构，从“Action”(操作) 菜单中选取“Show SwiftUI Inspector”(显示 SwiftUI 检查器)，然后在下一个面板中更改属性。另外，也可以选取“View”(显示) >“Inspectors”(检查器) >“Show Attributes Inspector”(显示属性检查器)，并在右侧出现的属性检查器中更改属性。

57c6dfb5-f977-43d2-abeb-01efcfd655b7.png

嵌入用户界面元素

此外，您可以通过在其他结构中嵌入元素来修改用户界面。按住 Command 键点按源代码或画布中的某个元素，然后从弹出式菜单中选取“Embed in [Generic Structure]”(嵌入 [通用结构]) 操作。例如，选取“Embed in HStack”(嵌入 HStack) 可以嵌入一个在水平直线上排列视图子项的元素。

d659a2a4-b500-4e99-a005-f0ff62887239.png

三、SwiftUI学习概览

SwiftUI是一种为任何Apple平台声明用户界面的现代方法。 以前所未有的速度创建漂亮，动态的应用程序

Chapter 1

SwiftUI Essentials

Learn how to use SwiftUI to compose rich views out of simple ones, set up data flow, and build the navigation while watching it unfold in Xcode’s preview.

• Creating and Combining Views
• Building Lists and Navigation
• Handling User Input

Chapter 2

Drawing and Animation

Discover how to draw shapes and paths to create a badge that you’ll animate, while also creating seamless transitions between views.

• Drawing Paths and Shapes
• Animating Views and Transitions

Chapter 3

App Design and Layout

Explore the structure and layout of more complex interfaces built with SwiftUI.

• Composing Complex Interfaces
• Working with UI Controls

Chapter 4

Framework Integration

Use SwiftUI views together with the views and view controllers from platform-specific UI frameworks.

• Interfacing with UIKit
• Creating a watchOS App
• Creating a macOS App