SwiftUI35 SwiftUI를 이용한 여러 뷰를 묶기(Group, GroupBox) VStack을 이용하면 여러 뷰를 묶을 수 있지만 개수가 10개가 한계다. 그래서 10개 초과하는 뷰를 묶으려면 Group과 GroupBox를 이용하면 된다. 기본 코드 (Group) Group { Text("SwiftUI") Text("Combine") Text("Swift System") } .font(.headline) 실행화면 기본코드(GroupBox) 박스형 콘텐츠에 대한 선택적 제목을 사용하여 사용자 인터페이스의 일부를 시작적으로 구별하려는 경우 그룹 상자를 사용한다. import SwiftUI struct ContentView: View { var body: some View { GroupBox( label: Label("swiftUI", systemImage: "heart.fill") .f.. 2022. 11. 7. SwiftUI를 이용한 여러 뷰 다루기 Form은 HStack이나 VStack과 같은 컨테이너와 비슷하게 작동한다. 즉 Form 안에 여러 뷰를 넣을 수 있다. 단지 특정 컨트롤 요소에 대해 더 보기 좋게 작동한다. 기본코드 import SwiftUI struct ContentView: View { @State private var toggling = false var body: some View { NavigationView { Form { Toggle(isOn: $toggling) { Text("Toggly") } Button { print("Saved") } label: { Text("Save changes") } }.navigationBarTitle(Text("Settings")) } } } 실행화면 Form 안에 섹션을 나누기 위해서.. 2022. 11. 6. SwiftUI를 이용한 편집 버튼 만들기 SwiftUI는 컬렉션에서 객체를 삭제하는 방법을 제어하는 데 사용할 onDelete() 수정자를 제공한다. 이 기능은 목록에서 각 행에만 사용된다. 기본 코드 import SwiftUI struct ContentView: View { @State private var fruits = [ "Apple", "Banana", "Papaya", "Mango" ] var body: some View { NavigationView { List { ForEach(fruits, id: \.self) { fruit in Text(fruit) } .onDelete { fruits.remove(atOffsets: $0) } .onMove { fruits.move(fromOffsets: $0, toOffset: $1) } .. 2022. 11. 5. SwiftUI를 이용한 숨기기 위젯 구현하기(DisclosureGroup) 내부에 있는 콘텐츠를 Bool 속성 변수의 값에 따라 보여줄지말지가 필요할 때 사용한다. 그래서 내부에 많은 뷰를 배치할 수 있다. 다시 말해, DisclosureGroup View는 콘텐츠를 식별하는 레이블과 콘텐츠를 표시하고 숨기는 컨트롤로 구성된다. Group 내부에 콘텐츠가 확장되거나 축소 상태가 된다. 기본코드 import SwiftUI struct ToggleStates { var oneIsOn: Bool = false var twoIsOn: Bool = true } struct ContentView: View { @State private var toggleStates = ToggleStates() @State private var topExpanded: Bool = true var body.. 2022. 11. 3. 이전 1 ··· 5 6 7 8 9 다음
