SwiftUI 4 iOS16 新特性之 创建带有用于更改数据的表单的 SwiftUI 图表（WWDC22 教程含源码）

Apple 让在 iOS 16 中轻松创建图表作为 SwiftUI 视图

昨天在 Apple WWDC 的第一天，Platforms State of The Union 中引入了图表。这应该是一种有趣的数据可视化方式，尤其是在小部件和 Apple Watch 上。本教程将介绍使条形图和折线图工作的基础知识，但许多其他图表的工作方式类似。

我要创建的第一个视图是ValueOptionsView. 这是一个相当简单的视图，它将显示用于更改单个数据点的控件。它允许更改值的标题，以及更改值本身。这是由Labela完成的Stepper，其中包含TextField用于修改标题的 a，以及Text用于显示当前值的简单内容。

import SwiftUI

struct ValueOptionsView: View {
    @Binding var valueTitle: String
    @Binding var value: Double
    var body: some View {
        Stepper(value: $value) {
            HStack {
                TextField("\(value)", text: $valueTitle)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
                Text(String(format: "%.2f", value))
            }
        }
    }
}

数据在 中可用ContentView，但不是这样存储的。

一个名为的计算属性data提供了 的三个实例，所有这些实例都从可以更改的属性中ChartData获取它们的值。@State换句话说，每次重