[SwiftUI] Slider 활용 예제

핵심만 골라 배우는 SwiftUI 기반의 iOS 프로그래밍 - YES24

 

Apple Developer Documentation

Slider 활용 예제

//
//  ContentView.swift
//

import SwiftUI

struct ContentView: View {
    @State
    private var degree = 0.0
    
    var body: some View {
        VStack {
            Text("Rotation")
                .font(.system(size: 30))
                .rotationEffect(.degrees(Double(degree)))
            
            Slider(value: $degree, in: 0...360, step: 1)
                .padding(.horizontal, 20)
                .padding(.top, 20)
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
            .previewDevice("iPhone 11")
            .previewDisplayName("아이폰 11")
    }
}

 Slider의 value 범위는 0~360 까지이고 degree 프로퍼티를 binding해서 degree가 변할 때마다 Text가 새로 그려지며 Rotation 하게 된다.