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现在用的是NavigationViewNavigationLink实现

参考资料

  1. https://onevcat.com/2019/06/swift-ui-firstlook/
  2. https://onevcat.com/2019/06/swift-ui-firstlook-2/
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Swift1> Swift和OC的区别1.1> Swift没有地址/指针的概念1.2> 泛型1.3> 类型严谨 对...
    cosWriter阅读 13,818评论 1 32
  • 传统模式下的开发MVCMVVM基于面向协议MVP的介绍MVP实战开发说在前面:相信就算你是个iOS新手也应该听说过...
    行走的菜谱阅读 8,397评论 1 5
  • “审神者大人,您的邮件。” “我来接,我来接。”奈奈生以少见的惊人机动赶在了所有人之前拉开了本丸大门,欲盖弥彰的拙...
    SaikaSacred阅读 3,251评论 0 0
  • 今天因为自己的不耐心以及可笑的抵触情绪,浪费了她的学习时间。又在回来的车上,没有向她解释为什么不能早些回家。更可恨...
    leobob阅读 1,027评论 0 2
  • 过去的动画片是教会牙牙学语的孩子认识世界。现在的动画片是教会成年人认清生活,认清自己。前年就看了动画片《你的名字》...
    安娜人生物语阅读 2,738评论 0 3