iOS | 이미지 찌그러지는 issue (with contentsMode)

일어나 개발해야지·2023년 10월 5일

keyWord
contentMode

stackView를 활용해서 UI를 만들던 중 두가지 UI Bug가 발생

Bug 1. : 피그마 export control
아이콘을 정사각형 모양으로 export했다고 생각햇는데,
Preview를 확인해보니, 아래쪽 여백이 더 크다는걸 확인할 수 있었다.
Effects중 아래쪽 여백에 영향을 주는 요소를 제거했다.

이미지를 교체한 후 Y축 정렬문제는 해결

Bug 2. contentMode

    let windIcon: UIImageView = {
       let icon = UIImageView()
       icon.image = UIImage(named: "wind")
       icon.contentMode  = .scaleAspectFill
       return icon
   }()

contentsMode 종류
- scaleToFill //화면 꽉 채움
- scaleAspectFit // 비율 유지
- scaleAspectFill // 비율유지 & 화면 꽉 채움

해결

0개의 댓글