clyne의 개발 기록

[Swift] Shadow (그림자) 효과 넣기 본문

iOS/Swift

[Swift] Shadow (그림자) 효과 넣기

clyne_dev 2021. 5. 4. 22:29

안녕하세요~!

iOS 개발자 CNOO입니다!!

 

오늘은,  UIView에 shadow 효과를 넣는 방법에 대해서 알아보겠습니다!

 

UIView를 상속하는 모든 뷰들에 적용할 수 있으니, 원하시는 곳에 구현하셔서 사용하시면 되겠습니다! :)

 

 

먼저 구현하고자 하는 결과물부터 보여드리겠습니다~

 

 


렛터디의 스터디 종류 선택화면입니다.

스터디 개설하기 버튼을 보시면,  버튼이 붕 떠있는 것 처럼 그림자 효과가 들어가있는 것을 보실 수 있습니다.

 

 

 

구현코드


view.layer.shadowOpacity = 0.4 // 투명도
view.layer.shadowOffset = CGSize(width: 5, height: 5) // 그림자 위치
view.layer.shadowRadius = 10 // 그림자 모서리 꺾임 정도
view.layer.masksToBounds = false

실제로 위 결과물을 작성한 코드 입니다.

투명도, 위치, 모서리 꺾임정도는  수치를 이것저것 만져가면서, 각자 원하시는 모양의 그림자 효과를 완성하시면 되겠습니다 ㅎㅎ

 

어렵지 않죠?

 

도움이 되었으면 좋겠네요

그러면 오늘도 막힘없는 코딩하세요~:)