Toggle và Slider trong SwiftUI
1. Toggle
@State private var isOn = false
Toggle("Dark Mode", isOn: $isOn)
Toggle(isOn: $isOn) {
Label("Notifications", systemImage: "bell")
}2. Toggle Styles
Toggle("Switch", isOn: $isOn)
.toggleStyle(.switch)
Toggle("Button", isOn: $isOn)
.toggleStyle(.button)
Toggle("Checkbox", isOn: $isOn)
.toggleStyle(.checkbox) // macOS3. Tint Color
Toggle("Enable", isOn: $isOn)
.tint(.green)4. Slider
@State private var value = 50.0
Slider(value: $value, in: 0...100)
Slider(value: $value, in: 0...100, step: 10)
Slider(value: $value, in: 0...100) {
Text("Volume")
} minimumValueLabel: {
Image(systemName: "speaker")
} maximumValueLabel: {
Image(systemName: "speaker.wave.3")
}5. Stepper
@State private var quantity = 1
Stepper("Quantity: \(quantity)", value: $quantity, in: 1...10)
Stepper {
Text("Value: \(count)")
} onIncrement: {
count += 1
} onDecrement: {
count -= 1
}6. Settings Form
Form {
Section("Preferences") {
Toggle("Notifications", isOn: $notifications)
Toggle("Sound", isOn: $sound)
}
Section("Display") {
Slider(value: $brightness, in: 0...1) {
Text("Brightness")
}
Stepper("Font Size: \(fontSize)", value: $fontSize, in: 12...24)
}
}📝 Tóm tắt
| Control | Mục đích |
|---|---|
Toggle | On/off switch |
Slider | Range selection |
Stepper | Increment/decrement |
Last updated on