SwiftUI 뷰어

Rio·2021년 7월 10일
0

IOS

목록 보기
7/10

🚦 Slider

  • 드래그를 통해 값을 변경할 수 있다
  • Slider(value: $저장변수, in: 시작값...종료값(값의 범위), step: 0.1(얼마씩 커지는지))

  • Slider를 통해 텍스트를 회전시켜보기

struct ContentView: View {
    
    //슬라이더를 통해 회전값을 저장할 state 프로퍼티 선언
    @State private var rotation: Double = 0
    
    var body: some View {
        VStack {
            Text("슬라이더 뷰를 사용하여 텍스트 회전하기")
                .font(.headline)
                .fontWeight(.heavy)
                .rotationEffect(.degrees(self.rotation))
                .animation(.easeInOut(duration:5))
               
            //in : 범위 ,  step : 얼만큼 증가하는지
            Slider(value: $rotation,in:0...360,step:0.1)
        }
    }
}
  • .rotationEffect(.degrees(self.rotation)) : 해당 뷰어를 회전
  • .animation(.easeInOut(duration:5)) : 애니메이션을 자연스럽게

🚀 Picker

  • 목록 리스트. 스크롤 해서 선택하면 된다
//picker를 통해서 색상 목록을 만들고 선택시 텍스트 색상 변경하기
struct ContentView: View {
    
    //슬라이더를 통해 회전값을 저장할 state 프로퍼티 선언
    @State private var rotation: Double = 0
    @State private var text: String = ""
    
    var body: some View {
        VStack {
            Text(self.text)
                .font(.headline)
                .fontWeight(.heavy)
                .rotationEffect(.degrees(self.rotation))
                .animation(.easeInOut(duration:5))
               
            //in : 범위 ,  step : 얼만큼 증가하는지
            Slider(value: $rotation,in:0...360,step:0.1)
            
            TextField("Enter text here",text:$text)
                .textFieldStyle(RoundedBorderTextFieldStyle())
        }
    }
}
profile
우당탕탕 개발 기록지

0개의 댓글