实战需求

SwiftUI3 新组件教程之 TimelineView 基础代码 （中文教程）

本文价值与收获

看完本文后，您将能够作出下面的界面

基础知识

什么是TimelineView

根据您提供的计划更新的视图。

struct TimelineView<Schedule, Content> where Schedule : TimelineSchedule

使用方法

时间线视图就像一个容器，没有自己的外观。相反，它会在预定的时间点重新绘制它包含的内容。例如，您可以每秒更新一次模拟计时器的表面：

TimelineView(.periodic(from: startDate, by: 1)) { context in
    AnalogTimerView(date: context.date)
}

创建内容的闭包接收一个类型的输入，您可以使用它来自定义内容的外观。上下文包括触发更新的 。在上面的示例中，时间线视图将该日期发送到您创建的模拟计时器，以便计时器视图知道如何绘制。TimelineView.Contextdate

上下文还包括一个cadence属性，您可以使用它来隐藏不必要的细节。例如，您可以使用节奏来