SwiftUI4 SwiftUI 기초 - State, onTabGesture, withAnimation @State 키워드는 변수 앞에 사용할 수 있고, 해당 변수의 값이 변할 때 UI가 자동으로 업데이트 된다. @onTabGesture는 Button이 아닌 다른 Component에 클릭 이벤트를 가능하게 한다. @withAnimation으로 매우 간단하게 기본적인 애니메이션을 구현해 보자. @State var weight: Float = 30 @State var circleToggle: Bool = false var body: some View { VStack { Image(systemName: "circle") .resizable() .foregroundColor(.yellow) .frame(width: CGFloat(weight), height: CGFloat(weight)) HStack { Text.. 2020. 9. 25. SwiftUI 기초 - Slider, Stepper, Picker - Slider 가로로 움직이는 슬라이더 바. - Stepper +/- 버튼으로 카운트를 증가/감소 시키는 버튼 - Picker 상하로 스크롤하며 항목을 선택 가능한 picker @State var weight: Float = 30 @State var setCount: Int = 5 @State var selectedExercise: String = "Squart" let excerciseList = ["Push up", "Squart", "Bench Press", "Dead Lift"] var body: some View { VStack { Text("This is Workout View!") .padding() HStack { Text("중량") .padding() Slider(value: $weig.. 2020. 9. 25. SwiftUI 기초 - Form Form은 HStack이나 VStack과 유사하게 동작한다. 즉, Form 안에는 여러 뷰를 담을 수 있다. 하지만 특정 컨트롤 요소에 대햇 더 보기 좋고, 잘 동작하게 해준다. - Form의 생성 @State var toggle = false var body: some View { NavigationView { Form { Toggle(isOn: $toggle) { Text("알람 설정") } Button(action: { }) { Text("초기화") } }.navigationBarTitle(Text("Settings")) } } - Secion 추가 @State var alarmToggle = false @State var autoLoginToggle = false var body: some Vie.. 2020. 9. 25. SwiftUI 기초 - List - List 생성 @State var sampleList = ["sample1", "sample2", "sample3"] var body: some View { List { ForEach(sampleList, id: \.self) { item in Text(item) } } } - Section 추가 @State var sampleList = ["sample1", "sample2", "sample3"] var body: some View { List { Section(header: Text("SampleList Header")) { ForEach(sampleList, id: \.self) { item in Text(item) } } } } - List 아이템의 삭제 기능 추가 ForEach() 구문에 o.. 2020. 9. 25. 이전 1 다음
