Skip to Content
iOS📝 Forms và InputToggle và Slider

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) // macOS

3. 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

ControlMục đích
ToggleOn/off switch
SliderRange selection
StepperIncrement/decrement
Last updated on