SwiftUI Slider

황인성·2025년 2월 19일

iOS

목록 보기
18/24
post-thumbnail

  • 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()
    }
}
profile
iOS, Spring developer

0개의 댓글