본문 바로가기
Swfit

UIImageView - clipsToBounds 설정 사진으로 차이 알아보기!

by GGShin 2022. 10. 21.

UIImage를 설정할 때 clipsToBounds 설정도 꼭 기억하고 있어야 합니다. 

clipsToBounds를 별도로 true로 설정하지 않는 이상 false로 설정한 것과 같습니다.

false일 때와 true일 때 어떠한 차이가 있는지 간단하게 알아보겠습니다.

  • clipsToBounds 설정 전

설정 전에는 동일한 UIImageView에 들어간 UIImage임에도 이미지뷰의 사이지가 제각각인 것처럼 보입니다.

 

사진의 비율에 따라서 이미지뷰 사이즈가 달라진 것은 아닌지 화면 구조로 확인해보았습니다. 하단의 사진의 우측이 제가 설정해 둔 UIImageView의 사이즈입니다. 이미지뷰 사이즈가 달라진 것은 아니고, 그냥 이미지가 이미지뷰를 넘어서까지 나온 것임을 확인할 수 있었습니다.

 

좌측: 이미지뷰 크기를 넘어서 나온 UIImage, 우측: 실제 UIImageView 사이즈

 

이렇게 이미지가 이미지뷰의 크기를 넘지 않도록 하려면 어떻게 할까요? 바로 clipsTobounds를 true로 설정해주면 됩니다!

 

  • clipsToBounds 설정 후

위와 동일한 조건에서 clipsToBounds만 true로 설정해주었더니, 아래처럼 예쁘게, 틀(UIImageView)에 맞게 이미지가 표시됨을 볼 수 있습니다 👏

 

UIImageView의 clipsToBounds 설정은 꼭 알고 있어야 원하는 결과를 낼 수 있겠습니다 :)

필요한 내용은 계속해서 추가할 예정입니다.

감사합니다 :)

반응형

'Swfit' 카테고리의 다른 글

frame .zero로 설정하는 이유?  (0) 2022.10.31
Method(메서드)란?  (0) 2022.10.25
XCode 단축키 모음  (0) 2022.10.21
Closure를 사용한 UI element 생성하기  (0) 2022.10.19
Array 생성하는 방법과 기본 기능들  (0) 2022.10.18