Menu
Coddy logo textTech

復習 - ステップカウンター

CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 42/50。

challenge icon

チャレンジ

難しい

共有データを使って歩数カウンターを作成します:

  • ObservableObject である Activity クラス。@Publishedsteps0 で開始し、500 を加算する walk() メソッドを持ちます
  • @EnvironmentObject でアクティビティを読み取り、steps1000 以上になると Goal reached!(識別子 goal)を表示し、それまでは Keep going(同じ識別子)を表示するビュー GoalView
  • ContentView@StateObject でアクティビティを作成し、テキスト Steps: 0(識別子 steps)、walk() を呼び出す Walk ボタン、そして GoalView() を表示します。また、.environmentObject を通じてアクティビティを VStack に提供します

自分で試してみよう

import SwiftUI

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

SwiftUI入門のすべてのレッスン

自分で練習してみよう: Swiftプレイグラウンド