Language46 SwiftUI를 이용한 값 증가나 감소 컨트롤하기 (Stepper) 사용자가 값을 증가시키거나 감소시키는 걸 제어할 수 있도록 하는 게 Stepper 컨트롤이 도와준다. 지정한 범위 내에서 작동된다. Stepper의 기능한 값 범위에서 특정 양만큼 단계적으로 수행한다. 기본 코드 import SwiftUI struct ContentView: View { @State private var amount = 5.0 var body: some View { Stepper(value: $amount, in: 0...50, step: 2) { Text("Amount: \(amount)") } .padding() } } 실행화면 Stepper 메소드 onIncrement : 증가 버튼을 클릭할 경우 발생 onDecrement : 감소 버튼을 클릭할 경우 발생 struct Content.. 2022. 11. 18. SwiftUI를 이용한 조종바 구현하기(Slider) 유튜브에서 소리조절 버튼을 클릭을 하면 소리를 조절할 수 있는 화면이 나타난다. 그럴때 사용하는 조종바를 SwiftUI에서는 Slider를 이용해 구현한다. 기본 코드 struct ContentView: View { @State private var sliderValue = 0.0 var body: some View { VStack { Slider(value: $sliderValue, in: -100..100, step: 1) Text("\(sliderValue)") } } } value : Slider로 값을 조정할 때 값을 담는 변수다. in : 슬라이더의 범위 step : 슬라이더를 이동할 때 값을 변경하는 정도다. 실행 화면 슬라이더의 색상 추가하기 Slider(value: $sliderValue.. 2022. 11. 16. SwiftUI를 이용한 진행률 뷰 만들기(ProgressView) SwiftUI는 가로로 된 진행률을 보여주는 ProgressView 가 있다. 값은 Double로 바인딩할 수 있다. 예를 들면 어떤 프로그램을 다운받을 때 어느 정도 다운되었는 지 보여주는 진행 정도를 화면에 표출하는 게 ProgressView다. 기본 코드 import SwiftUI struct ContentView: View { @State private var downloadAmount: Double = 0.0 let timer = Timer.publish(every: 0.1, on: .main, in: .common).autoconnect() var body: some View { VStack { ProgressView("다운로드 중..", value: downloadAmount, total: .. 2022. 11. 15. SwiftUI를 이용한 화면 이동하기(NavigationView) SwiftUI에서 다른 뷰로 이동을 하려면 NavigationView를 이용해 이동할 뷰를 보여주고, NavigationLink를 이용해 이동한 화면을 지정한다. 기본 코드 import SwiftUI struct ContentView: View { var body: some View { NavigationView { VStack { NavigationLink(destination: Text("상세보기")) { Text("오늘도 좋은 하루") } } .navigationBarTitle("페이지 이동") } } } NavigationView 내에서 navigationBarTitle()를 사용할 수 있으며, 뷰 바깥쪽에서 사용을 안 해도 된다. displayMode .inline : 내비게이션 스택의 작은 제.. 2022. 11. 14. 이전 1 ··· 6 7 8 9 10 11 12 다음
