Language/Swift45 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. SwiftUI를 이용한 지도 그리기(MapView) MapView를 사용하기 위해선 지도에 표시되는 좌표를 추적할 수 있는 State 가 있어야 한다. MKCoordinateRegion 을 사용해야 하고, latitude / longitude 에 좌표를 입력해주면 원하는 위치를 MapView 가 실행될 때 표시된다. 기본 코드 import SwiftUI import MapKit struct ContentView: View { @State private var region = MKCoordinateRegion(center: CLLocationCoordinate2D(latitude: 37.5666791, longitude: 126.9782914), span: MKCoordinateSpan(latitudeDelta: 0.5, longitudeDelta: 0.5.. 2022. 12. 20. SwiftUI 에서 Path 사용하기 SwiftUI는 사용자가 원하는 Custom Shape를 그릴 수 있도록 Path 를 제공한다. Path 는 그 자체로 View 다. Paths 는 위치 값을 가진 선, 곡선 및 기타 정보를 목록이다. Shape 내부에 Path(in:) 메서드가 호출이 끝나야 최종적인 사이즈를 알 수 있다. 기본 코드 struct ContentView: View { var body: some View { Path { path in path.move(to: CGPoint(x: 200, y: 0)) path.addLine(to: CGPoint(x: 200, y: 200)) path.addLine(to: CGPoint(x: 0, y: 200)) path.addLine(to: CGPoint(x: 0, y: 0)) path.cl.. 2022. 12. 15. 이전 1 2 3 4 5 6 7 ··· 12 다음
