【Swift UI】Sliderの使い方と実装方法！色やデザイン、アイコン

struct ContentView: View {
    @State  private var value = 50.0
    var body: some View {
        VStack {
            Slider(value: $value, in: 0...100)
            Text("\(value)")
        }
    }
}

Slider(value: $value, in: 0...100, step: 1)

Slider(value: $value, in: 0...100, step: 1) {
    Text("Speed")
} minimumValueLabel: {
    Text("0")
} maximumValueLabel: {
    Text("100")
}

struct ContentView: View {
    @State  private var value = 50.0
    @State  private var isEditing = false
    var body: some View {
        VStack {
            Slider(value: $value, in: 0...100, step: 1, onEditingChanged: { editing in
                isEditing = editing
            })
            Text("\(value)")
                .foregroundStyle(isEditing ? .blue : .orange)
        }
    }
}

Slider(value: $value, in: 0...100, step: 1)
  .tint(.black)

init() {
    UISlider.appearance().maximumTrackTintColor = .gray
}

init() {
    UISlider.appearance().setThumbImage(UIImage(systemName: "swift"), for: .normal)
}

init() {
    UISlider.appearance().thumbTintColor = .cyan
}