전체 글72 SwiftUI 에서 미리보기 이용하기 (Preview) Preview 동작 과정 현재 소스 에디터에 ProviewProvider 프로토콜을 준수하는 타입이 존재하는지 확인 PreviewProvider 프로토콜의 필수 구현 사항인 previews 타입 프로퍼티에서 뷰 생성 액티브 스킬의 목적지로 선택한 시뮬레이터 또는 맥에 연결한 기기의 형태로 preview container 렌더링 리뷰 컨테이너를 직접 지정해 줄 경우 3번에서 선택한 기기를 무시하고 해당 기기 형태로 렌더링 자동 Preview 갱신 Preview 를 활용하다 보면 언제든 빌드를 다시 않아도 수정 결과가 자동으로 반영된다. 기본 코드 struct ContentView_Previews: PreviewProvider { static var previews: some View { Group { Co.. 2022. 12. 26. 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. 이전 1 ··· 4 5 6 7 8 9 10 ··· 18 다음
