SwiftUI 学习笔记

2019-07-12  本文已影响0人  tsiic

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.

Navigation

Navigation现在用的是NavigationViewNavigationLink实现

参考资料

  1. https://onevcat.com/2019/06/swift-ui-firstlook/
  2. https://onevcat.com/2019/06/swift-ui-firstlook-2/
上一篇下一篇

猜你喜欢

热点阅读