slider의 옵션인 value, in, step은 순서대로 slider의 위치, 범위, 간격을 나타낸다
minimumValueLabel, maximumValueLabel 로 slider 양 끝 UI를 지정할 수 있다.
둘 다 같은 형태로 지정해야함, 한쪽은 이미진데 다른쪽은 텍스트로는 불가능
기본 이미지로 textformat.숫자로 이미지로 숫자를 나타낼 수 있다
기본 이미지로 숫자.circle로 이미지로 숫자를 나타낼 수 있다
struct Slider: View {
@State private var value = 50.0
var body: some View {
VStack(spacing: 40.0) {
Text("\(value)")
Slider(value: $value, in: 0...100, step: 25)
.accentColor(.green)
.padding()
.background(Capsule().fill(Color.pink))
Slider(value: $value, in: 0...123,
minimumValueLabel: Image(systemName: "0.circle"),
maximumValueLabel: Image(systemName: "textformat.123")) {
Text("Adjust Slider Value")
}
.font(.title)
}
.padding()
}
}
