Sliders — HIG Playground

9:41

●●●●WiFi🔋

Settings

Volume

🔈 🔊

50%

Brightness

☼ ☀

75%

Text Size

A A

17pt

The quick brown fox jumps over the lazy dog

Rating (Steps)

1 5

⭐⭐⭐

⚠️ HIG 위반: 슬라이더가 부적절합니다

📚 HIG Guidelines — 직접 체험하기

✓ Do — 올바른 예시

✗ Don't — 나쁜 예시

✓ 이렇게 하세요

Use min/max value labels or icons
Provide immediate visual feedback
Use stepped sliders for discrete values
Ensure the thumb is large enough to tap

✗ 이렇게 하지 마세요

Don't use sliders for very precise values
Don't use without visible track
Don't place sliders too close together
Don't use when a text field is more appropriate

👆 iPhone 미리보기에서 나쁜 패턴을 직접 확인해보세요

Show Stepped Slider

SwiftUI Code

@State private var volume = 0.5 Slider(value: $volume) { Text("Volume") } minimumValueLabel: { Image(systemName: "speaker.fill") } maximumValueLabel: { Image(systemName: "speaker.wave.3.fill") } .tint(.blue)