SwiftUI 学习笔记
SwiftUI采用声明式进行页面还发,而 UIKit 是基于控制流的命令式编程方式
DSL 来描述「UI 应该是什么样子」,而不是用一句句的代码来指导「要怎样构建 UI」
怎么理解这个区别呢?
在 UIKit 中我们这么添加一个 Label:
func viewDidLoad() {
super.viewDidLoad()
let label = UILabel()
label.text = "Hello World"
view.addSubview(label)
// 省略了布局的代码
}
而在 SwiftUI 中是这样的:
var body: some View {
Text("Hello World")
}
对于我而言我最关心的就是之前的配置,约束配置,Label 表现配置
关于配置,现在是这样的:
Text("Turtle Rock")
.font(.title)
Preview
SwiftUI 的 Preview 是 Apple 用来对标 RN 或者 Flutter 的 Hot Reloading 的开发工具。由于 IBDesignable 的性能上的惨痛教训,而且得益于 SwiftUI 经由 UIKit 的跨 Apple 平台的特性,Apple 这次选择了直接在 macOS 上进行渲染。因此,你需要使用搭载有 SwiftUI.framework 的 macOS 10.15 才能够看到 Xcode Previews 界面。
SwiftUI 的预览脱离了模拟器,因此渲染速度也更快。
子类实现
实际上在屏幕上绘制的 UpdateCoalesingTableView 是一个 UITableView 的子类,而两个 cell ListCoreCellHost 也是 UITableViewCell 的子类。对于 List 来说,SwiftUI 底层直接使用了成熟的 UITableView 的一套实现逻辑,而并非重新进行绘制。相比起来,像是 Text 或者 Image 这样的单一 View 在 UIKit 层则全部统一由 DisplayList.ViewUpdater.Platform.CGDrawingView 这个 UIView 的子类进行绘制。
从这点上来看,Text 和 Image 这种采用DisplayList.ViewUpdater.Platform.CGDrawingView
子类进行绘制,和 Flutter 那种在一个 View 上绘制有点类似,应该可以提升整体渲染效率。
而 TableView,由于整体实现比较复杂,而UITableView 已经有一套成熟的实现了,因此是子类复用的。
不过在使用 SwiftUI 时,我们首先需要做的就是跳出 UIKit 的思维方式,不应该去关心背后的绘制和实现。使用 UITableView 来表达 List 也许只是权宜之计,也许在未来也会被另外更高效的绘制方式取代。由于 SwiftUI 层只是 View 描述的数据抽象,因此和 React 的 Virtual DOM 以及 Flutter 的 Widget 一样,背后的具体绘制方式是完全解耦合,并且可以进行替换的。这为今后 SwiftUI 更进一步留出了足够的可能性。
生命周期
在 UIKit 开发时,我们经常会接触一些像是 viewDidLoad,viewWillAppear 这样的生命周期的方法,并在里面进行一些配置。SwiftUI 里也有一部分这类生命周期的方法,比如 .onAppear 和 .onDisappear,它们也被“统一”在了 modifier 这面大旗下。
但是相对于 UIKit 来说,SwiftUI 中能 hook 的生命周期方法比较少,而且相对要通用一些。本身在生命周期中做操作这种方式就和声明式的编程理念有些相悖,看上去就像是加上了一些命令式的 hack。我个人比较期待 View 和 Combine 能再深度结合一些,把像是 self.draftProfile = self.profile 这类依赖生命周期的操作也用绑定的方式搞定。
这倒是一个很惊人的变化。
List 与重用
Lists work with identifiable data. You can make your data identifiable in one of two ways: by calling the identified(by:) method with a key path to a property that uniquely identifies each element, or by making your data type conform to the Identifiable protocol.
- [ ] List 需要的是
identifiable
的数据,这个应该是唯一性标识数据的?可重复吗?如果是唯一性标识数据的,那怎么混合多种 Cell 呢?
Navigation
Navigation现在用的是NavigationView
和NavigationLink
实现