SwiftUI 뷰 가장자리 효과 부여하기

개요

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

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




가장자리에만 적용하기


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




1


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

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




2


clipped를 사용하면 된다.

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




3


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