SwiftUI에서 뷰의 가장자리에만 효과를 부여해보자:)

개요

SwiftUI에서 수식어를 사용했을 때 내가 의도하지 않은대로 나올 때가있다.

이번에는 뷰에 그림자효과르 부여했을 때 모든 요소가 아닌 가장자리에만 부여해보겠다.

---

가장자리에만 적용하기

---

1. 뷰의 배경색을 불투명한 색으로 지정한다.
2. 수식어들의 효과를 반영한다.
3. 해당 뷰에 그림자효과 반영

---

1

---

background 수식어를 이용해서 배경색을 정해준다.

background(Color.primary.colorInvert())를 사용하면 불투명하게 할 수 있다.

---

2

---

clipped를 사용하면 된다.

cornerRadius나 compositingGroup과 같이 clipped`의 속성을 가지고 있는 것들을 사용해도 된다.

---

3

---

.shadow(color: ,radius: )로 그림자 색을 얼마만큼 부여할 수 있다.