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.closeSubpath()
		}
		.stroke()
	}
}

.closeSubPath 수정자를 사용해 ‘자동으로’ Path 를 닫을 수 있다.

 

실행 화면

 

StrokeStyle

.stroke(Color.blue, style: StrokeStyle(lineWidth: 20, lineCap: .round, lineJoin: .round))

• lineJoin : 선들이 만나는 모서리의 모양을 설정함
• lineCap : 선의 끝 모양을 설정함

 

---

개발자 Document

https://developer.apple.com/documentation/swiftui/path

Apple Developer Documentation