UIImageView의 Content Mode를 “Aspect Fit”으로 설정하면 이미지가 비율을 유지하면서 UIImageView에 맞게 확대 또는 축소됩니다. 하지만 UIImageView가 UIScrollView에 추가되었을 때 상하 공백이 생기는 이유는 UIScrollView와 UIImageView의 크기 및 제약 조건 설정과 관련이 있습니다.
UIScrollView는 컨텐츠의 크기에 따라 스크롤 가능한 영역을 정의합니다. 스토리보드에서 UIScrollView를 설정할 때, UIScrollView의 크기는 기기 화면 크기와 관련되어 있습니다.
UIImageView를 UIScrollView에 추가하면, UIScrollView의 컨텐츠 크기를 UIImageView에 맞게 설정해야 합니다. 그러나 기본적으로 UIImageView의 크기는 이미지의 크기와 일치하며, UIImageView는 UIScrollView에 꽉 차지 않습니다. 따라서 UIImageView가 UIScrollView보다 크기가 클 경우, 상하 공백이 생기게 됩니다.
해결 방법으로는 다음과 같은 조치를 취할 수 있습니다:
-
UIImageView의 제약 조건 설정: UIImageView의 제약 조건을 설정하여 UIScrollView에 맞게 크기가 조정되도록 합니다.
- UIImageView의 Leading, Trailing, Top, Bottom 제약 조건을 UIScrollView에 맞게 설정합니다. 이렇게 하면 UIImageView가 UIScrollView 내에 꽉 차게 됩니다.
-
UIScrollView의 컨텐츠 크기 설정: UIScrollView의 컨텐츠 크기를 UIImageView에 맞게 설정합니다.
- 스토리보드에서 UIScrollView의 “Content Size”를 UIImageView의 크기에 맞게 설정합니다.
- “Content Size”의 너비를 UIImageView의 너비와 일치시키고, 높이를 UIImageView의 높이와 일치시킵니다.
이렇게 하면 UIImageView가 UIScrollView에 꽉 차도록 크기가 조정되고, 상하 공백이 줄어들 것입니다.