Language/Swift45 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. SwiftUI를 이용한 뷰 우선순위 주기 (layoutPriority) SwiftUI는 모든 사용 공간을 ContentView에 전달한다. ContentView는 자식 뷰에게 사용할 공간을 자식에게 제안하고 크기를 계산하도록 요청한다. SwiftUI에서 모든 뷰는 우선 순위가 0이 기본 설정값이다. .layoutPriority()를 이용해서 뷰에 우선순위를 줄 수 있다. 기본코드 import SwiftUI struct ContentView: View { var body: some View { HStack { Text("This is a moderately long string.") .font(.largeTitle) .border(Color.gray) Spacer() Text("This is a higher priority string.") .font(.largeTitle) .. 2022. 11. 11. 이전 1 ··· 6 7 8 9 10 11 12 다음
