SwiftUI107 40. [SwiftUI] Slider() 슬라이더, CVarARG 슬라이드를 통해 값을 변경할 수 있는 슬라이더에 대해 알아보자. // Created by Toughie on 2023/05/01. // import SwiftUI struct SliderPrac: View { @State var sliderValue: Double = 3 @State var textColor: Color = .green var body: some View { VStack { Text("평점: ") .font(.title2) // Text("\(sliderValue)") if sliderValue == 5 { //String(format: String, CVarArg) 활용 소수점 한자리까지 표현 Text(String(format: "%.1f", sliderValue) + "⭐️") .fo.. 2023. 5. 1. 39. [SwiftUI] Stepper() 스테퍼, Strideable + 버튼을 누르면 값이 증가하고, - 버튼을 누르면 값이 감소하는 간단한 기능이다. 정말 단순한 스테퍼도 있고, 커스텀 해서 다양하게 활용 가능한 스테퍼도 있다. // Created by Toughie on 2023/04/30. // import SwiftUI struct StepperPrac: View { @State var stepperValue: Int = 10 @State var widthIncrement: CGFloat = 0 let fancyColor = LinearGradient(colors: [Color.blue, Color.green, Color.orange], startPoint: .topLeading, endPoint: .bottomTrailing) var body: some View.. 2023. 5. 1. 38. [SwiftUI] DatePicker() 데이트피커 이번에는 날짜, 시간을 선택할 수 있는 DatePicker에 대해 알아보자. iOS 개발이 매력적이 이유중 하나는 기본 컴포넌트의 퀄리티가 너무 좋다는 것이다. DatePicker를 보면서 이 생각이 확 들었다. 순서대로 compact, wheel, graphical 스타일. 내가 애용하는 운동 어플도 데이트 피커가 있다. 물론 이것은 커스텀 데이트피커지만. DatePicker에는 다양한 생성자가 있는데, 예시를 통해 살펴보자. // Created by Toughie on 2023/04/30. // import SwiftUI struct DatePickerPrac: View { @State var selectedDate: Date = Date() //nil coalescing let startingDat.. 2023. 4. 30. 37. [SwiftUI] ColorPicker() 컬러피커 'whatever color you want' 어떠 색이든 유저가 컬러를 선택할 수 있는 컬러피커에 대해 알아보자. 엄청 세부적으로 정말 세상 모든 색을 표현할 수 있는데, 사용법은 간단하다. // Created by Toughie on 2023/04/30. // import SwiftUI struct ColorPickerPrac: View { @State var backgroundColor: Color = .white var body: some View { ZStack { backgroundColor.ignoresSafeArea() ColorPicker( "Select a color", selection: $backgroundColor, supportsOpacity: true) .padding() .b.. 2023. 4. 30. 36. [SwiftUI] Picker() 피커 나이, 날짜 등을 선택할 때 자주 봤을 피커에 대해 알아보자. 피커에는 다양한 스타일이 존재한다. 차례대로 wheel, menu, segmented 스타일 // Created by Toughie on 2023/04/30. // import SwiftUI struct PickerPrac: View { @State var selection: String = "18" var body: some View { VStack { HStack { Text("Age: ") Text("\(selection)") } .font(.title) Picker( selection: $selection) { ForEach(18.. 2023. 4. 30. 35. [SwiftUI] Toggle() 토글 iOS에서 흔히 사용해 봤을 토글에 대해 알아보자. @State변수를 Binding해서 전달해준다. ($) -> Toggle와 isToggleOn 변수 간 *양방향 데이터 바인딩 설정 토글을 누르면 isToggleOn 변수가 자동으로 업데이트 됨. (상태 변화 감지 후 뷰 업데이트) *양방향 데이터 바인딩이란? 변수 간 양방향 데이터 바인딩은 두 개의 변수 간에 상호작용이 일어날 때, 두 변수가 항상 동기화되도록 하는 방식! 이는 한 변수의 값이 변경될 때, 다른 변수에도 이 변경 사항이 즉시 반영되도록 하고, 그 반대로 다른 변수의 값이 변경될 때에도 첫 번째 변수에 즉시 변경 사항이 반영되도록 하는 것을 의미한다. -> 데이터와 UI 간의 동기화를 보장하며, 복잡한 UI 구현을 간소화하고 코드의 가독.. 2023. 4. 30. 이전 1 ··· 8 9 10 11 12 13 14 ··· 18 다음
