SwiftUI/SwiftUI(Basic)66 41. [SwiftUI] Tab bar, TabView 탭바, 탭뷰 / PageTabViewStyle() 하단의 아이콘을 터치하면 다른 화면으로 슉슉 넘어가는 탭뷰에 대해 알아보자. // Created by Toughie on 2023/05/01. // import SwiftUI struct TabViewPrac: View { @State var selectedTab: Int = 0 var body: some View { //selection 값에 따라 화면 전환_ 시작 탭 정할 수도 있음.(현재는 0번) TabView(selection: $selectedTab ) { MainView(selectedTab: $selectedTab) //탭바에 있는 아이콘 .tabItem { Image(systemName: "house.fill") Text("Home") } //탭뷰의 태그 .tag(0) BrowserView.. 2023. 5. 1. 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. 이전 1 2 3 4 5 6 7 ··· 11 다음
