SwiftUI - Shape

안녕하세요 :D 망고입니다🥭

SwiftUI의 Shape에 대해 알아보겠습니다.

shape

SwiftUI에는 Circle, Rectangle, Ellipse, Capsule 등의 여러가지 기본 도형들을 제공한다.

이들을 이용해 원하는 모양, 색을 지정해 사용할 수 있다.

Circle

---

 

Circle()

.fill(Color.orange) //색상채우기
.foregroundColor(.pink) //색상채우기
.stroke() //테두리
.stroke(Color.red) //테두리색상
.stroke(Color.gray, lineWidth: 30) // 테두리두께
.stroke(Color.orange, style: StrokeStyle(lineWidth: 20, lineCap: .butt, dash: [10])) 
// StrokeStyle을 통해 여러가지 커스텀 가능

.trim(from: 0.2, to: 1.0) // 도형의 불 필요한 부분을 제거
.stroke(Color.purple, lineWidth: 50) // 이런식으로 trim과 함께 사용 가능

Ellipse

---

 

Ellipse()
    .frame(width: 200, height: 100)

Capsule

---

Capsule(style: .circular)
    .frame(width: 200, height: 100)

• 텍스트 뒤나 버튼 뒤에 넣고 싶을 때 유용

Rectangle

---

Rectangle()
    .frame(width: 200, height: 100)