RoundedCornerStyle

안녕하세요.

 

이번에는 정말 간단하지만 몰랐었던... RoundedCornerStyle에 대해 빠르게 알아볼게요.

 

---

다들 RoundedRectangle은 아시죠?

 

저는 RoundedRectangle 뷰를 사용할 때 생성자에 cornerRadius(또는 cornerSize)만 인자로 넘기고 있었는데, 지금 보니까 style이란 파라미터도 있더라구요.

 

 

 

RoundedRectangle 생성자에 사용되는 style 파라미터는 RoundedCornerStyle이란 enum으로, RoundedRectangle의 모서리 모양을 정의합니다.

 

case는 총 2가지가 있습니다.

• circular : RoundedRectangle 모서리가 1/4 원 형태
• continuous : RoundedRectangle 모서리가 연속된 곡률 형태

 

쉽게 말해서 style = .circular 이면 모서리가 정확히 1/4 원 형태이고, style = .continuous 이면 1/4 원 형태보다 조금 더 곡률을 가진다고 이해하면 될 것 같아요.

 

 

아래 예시를 보면 이해가 더 쉽습니다.

 

 

style = .circular 인 RoundedRectangle 뷰의 왼쪽 상단 모서리를 보면 뒤쪽에 위치한 Circle 뷰를 완전히 가린 것을 알 수 있습니다.

 

 

 

이번엔 style = .continuous 설정을 줘볼까요?

 

 

RoundedRectangle 뷰의 왼쪽 상단 모서리가 1/4 원 형태보다 조금 더 부드러운 곡선을 가지게 되면서 뒤쪽에 위치한 Circle 뷰가 아주 살짝 보이게 됩니다.

 

 

 

차이점은 이게 끝!!!ㅎㅎㅎ

 

별로 중요한 건 아니지만... 알아두면 쓸모 있을 것 같아서 정리했어요^^

 

 

 

# 참고

- https://developer.apple.com/documentation/swiftui/roundedcornerstyle

RoundedCornerStyle | Apple Developer Documentation

 

---

이번 글은 여기서 마무리.