Menu
CoddyTech

回顾:步数计数器

本课属于 Coddy Swift 学习旅程的“SwiftUI 入门”单元。第 42 课,共 50 课。

challenge icon

挑战

困难

构建一个使用共享数据的计步器:

  • 创建一个类 Activity,它是一个 ObservableObject,包含一个初始值为 0 的 @Published 属性 steps,以及一个会增加 500 的方法 walk()
  • 创建一个视图 GoalView,通过 @EnvironmentObject 读取活动数据,并在 steps 达到或超过 1000 时显示 Goal reached!(标识符 goal),在此之前显示 Keep going(相同的标识符)
  • ContentView 使用 @StateObject 创建活动数据,并显示文本 Steps: 0……(标识符 steps)、一个会调用 walk() 的 Walk 按钮,以及 GoalView();通过 .environmentObject 将活动数据提供给 VStack

亲手试试

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

SwiftUI 入门中的所有课

自己练习: SwiftUI 在线编辑器