美文网首页
SwiftUI 学习笔记

SwiftUI 学习笔记

作者: tsiic | 来源:发表于2019-07-12 16:00 被阅读0次

    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/

    相关文章

      网友评论

          本文标题:SwiftUI 学习笔记

          本文链接:https://www.haomeiwen.com/subject/sbcykctx.html