SwiftUI 快速上手推荐

前言

最近在回顾Flutter技术时,与老同事聊起SwiftUI,我们了解到SwiftUI和Flutter UI技术都是声明式语法,因此近两天写了一些Demo进行简单尝试

为了快速上手,我找了一些对SwiftUI有所研究的博主,跟着对方的博客笔记敲击了十来个Demo: 在多次尝试之后,我发现,通过SwiftUI写UI,的确会一定程度上减少代码量。

SwiftUI快速上手推荐:

1. 声明式 vs 命令式：SwiftUI 是声明式的，你只需要描述界面应该是什么样子，而 SwiftUI 会处理实际的渲染过程。而 UIKit 是命令式的，你需要告诉 UIKit 如何一步步地创建和更新界面。
1. 跨平台：SwiftUI 可以在所有 Apple 平台（包括 iOS、macOS、watchOS 和 tvOS）上使用，而 UIKit 只能用于 iOS 和 tvOS。
1. 组件：SwiftUI 提供了一些 UIKit 中没有的组件，如 Grid 和 Form。同时，SwiftUI 的组件在所有 Apple 平台上都有一致的外观和行为。
1. 数据流：SwiftUI 引入了一些新的数据流概念，如 @State、@Binding、@ObservedObject 和 @EnvironmentObject，它们使得数据状态管理更加直观和一致。而在 UIKit 中，你通常需要手动管理数据状态和更新界面。
1. 兼容性：SwiftUI 需要 iOS 13 或更高版本，而 UIKit 可以在更早的 iOS 版本上使用。
1. 成熟度：UIKit 已经存在了很长时间，有大量的文档、教程和社区支持。而 SwiftUI 是在 2019 年才推出的，虽然它正在快速发展，但还没有 UIKit 那么成熟。

总的来说，SwiftUI 提供了一种更现代、更简洁的方式来构建界面，但如果你需要支持旧的 iOS 版本，或者需要使用 UIKit 提供的一些高级功能，那么 UIKit 仍然是一个很好的选择。

写了几个Demo后,我们可以了解到,其实要用SwiftUI斜截面,掌握SwiftUI的布局方法很重要

在 SwiftUI 中，布局主要由容器视图（如 HStack、VStack 和 ZStack）和修饰符（如 padding、frame 和 offset）来控制。

以下是一些常用的容器视图：

以下是一些常用的修饰符: - padding：给视图添加内边距。

在HStack、VStack、ZStack中还可以用spacing来约束,容器内部子视图的间距