SwiftUI 是为 iOS/macOS/tvOS 等 Apple 生态提供一套统一的UI框架。对于写 iOS 的同学,假如去开发 macOS,就不需要再学一次 AppKit 了,降低了苹果生态下跨平台的门槛。并且 Xcode 11 针对 SwiftUI 还提供了热加载 和 preview,能够大幅度提高UI开发效率。SwiftUI 提供了一种声明式的 UI 编写方式,结合新推出的响应式框架(Combine),iOS 生态下终于可以像 Flutter、React 那样写代码了
使用SwiftUI 开发项目需要的环境:
Mac OS :10.15 Beta 版
Xcode :11.0 beta
1:注意创建项目时需要勾选支持SwiftUI

2:支持时时刷新UI

3:创建一个SwiftUI View

4:布局容器的使用
VStack:VStack 是 SwiftUI 的一个布局容器,它里面的内容会竖向排列
HStack:HStack 是 SwiftUI 的一个布局容器,它里面的内容会横向排列

5:swiftUI 中使用项目中现有属性

完全支持拖拽空间

总之:虽然只是一个SwiftUI 的beta 版本,可以看到Swift 或者苹果的野心,还是不断的坚守自己的阵地,和Flutter 一较高下,相信有不少iOSer已经在尝试去使用SwiftUI,本篇文章只是简单对SwiftUI 的使用,如何快速的搭建自己的demo,进行快速学习,在 Xcode 11 beta 版中,SwiftUI 的表现还有些小瑕疵,比如代码提示,以及视图编辑后的代码联动还存在卡顿问题,就像早起的 Swift 语言编辑器一样,代码提示的速度也是明显比 Objective-C 要慢,高效的是时时查看效果会让开发者节省不少的开发时间,使用SwiftUI 开发可以说非常轻松和愉悦,
网友评论