SwiftUI35 SwiftUI 에서 onAppear() 이용하기 UIKit 의 ViewDidDisplay() 기능을 SwiftUI에서는 onAppear()를 통해 이용할 수 있다. 기본 코드 struct OtherView: View { var body: some View { VStack { Text("Hello View!!") } .onAppear { print("Appear OtherView()") } .onDisappear { print("Disappear OtherView()") } } } struct ContentView: View { var body: some View { NavigationView { VStack { NavigationLink(destination: OtherView()) { Text("onAppear() & onDisappear()") }.. 2022. 12. 24. SwiftUI 에서 Overlay, background 이용하기 Overlay overlay 는 뷰 원본의 공간을 기준으로 그 위에 새로운 뷰를 중첩하여 쌓는 기능을 한다. UiKit 에서 addsSubview 메서드와 같은 기능이다. 기본 코드 struct ContentView: View { var body: some View { Rectangle() .fill(Color.red) .frame(width: 150.0, height: 150.0) .overlay( Rectangle() .fill(Color.green) .offset(x: 10, y: 10)) ) } } 실행 화면 Background 뷰 원본의 공간을 기준으로 뷰를 중첩하는 것은 같지만, 위가 아니라 그 아래 방향으로 쌓아 나간다는 점이 다르다. 뷰의 하위 계층에 지정한 색을 가진 또 다른 뷰를 추가하.. 2022. 12. 23. SwiftUI 를 이용한 이미지 또는 텍스트에 마스크 씌우기 (Mask) 기본 코드 struct ContentView: View { var body: some View { VStack { Image("sample2") .resizable() .aspectRatio(contentMode: .fit) .mask( ZStack { Circle() .frame(width: 200, height: 200) Circle() .frame(width: 90, height: 90) .offset(x: 80, y: 55) } ) .frame(maxHeight: .infinity) } } } 실행 화면 개발자 Document Apple Developer Documentation Apple Developer Documentation developer.apple.com 2022. 12. 22. SwiftUI를 이용한 메뉴 그리기 (Menu) SwiftUI 는 버튼에서 팝업 메뉴를 표시하기 위한 Menu 라는 전용 뷰를 제공한다. 메뉴에 표시할 항목을 제어하기 위한 다양한 버튼을 추가할 수 있다. 기본 코드 struct ContentView: View { var body: some View { Menu("Create") { Button("Cancel", action: {}) Button("Search", action: {}) Button("Add", action: {}) } } } 메뉴 중괄호 { } 안에 원하는 만큼 버튼을 추가할 수 있다. 실행 화면 메뉴에 Label 을 추가하여 메뉴 버튼에 텍스트와 아이콘을 추가할 수 있다. struct ContentView: View { var body: some View { Menu("create").. 2022. 12. 21. 이전 1 2 3 4 5 6 ··· 9 다음
