真偽状態
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 21/50。
状態はBoolにすることができます。toggle()はtrueとfalseの間で切り替えます：
@State private var isOn = false
Button("Switch") {
isOn.toggle()
}三項演算子は状態から値を選択するため、1つのビューで2つのバージョンを表示できます。
Text(isOn ? "Light is on" : "Light is off")
.foregroundStyle(isOn ? .yellow : .gray)isOn ? a : b は、isOn が true のときに a を、それ以外の場合に b を返します。タップするたびに body が再度実行され、テキストと色の両方が新しい値に従います。
チャレンジ
簡単ランプが動作するようにしてください。SwitchをタップするとisOnが切り替わり、isOnがtrueのときはテキストがLight is on、falseのときはLight is offと表示されるようにします。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド