[오류] UIButton 내부의 image 크기 조절

 

인스타그램의 좋아요 버튼처럼 UIButton을 image로 설정할 때가 종종 있다

이번 프로젝트에서 버튼을 만들었는데, 버튼에 텍스트 없이 이미지로만 설정을 했고 크기를 키우려고 했는데 크기가 안 키워지는 이슈 발생🥲

 

 

하이어라키로 보면 버튼의 레이아웃 사이즈만 늘어나고 이미지인 하트는 크기가 변경되지 않은 모습을 볼 수 있다

 

 

먼저 버튼의 contentMode 를 scaleAspectFit으로 설정했다

• scaleAspectFit: 이미지의 원래 비율을 유지하며, 뷰의 크기에 맞추어 이미지가 축소 또는 확대된다 (=여백이 생길 수 있다)

• scaleToFill: 이미지가 뷰의 크기에 정확히 맞도록 조정되지만, 이미지의 원래 비율이 유지되지 않는다

 

→ 실패

 

 

 

두번째로 이미지의 엣지 인셋을 .zero로 설정했다

 

→ 실패

 

 

 

마지막으로 찾아본 방법으로 레이아웃 설정 시 button의 레이아웃이 아닌, button.image의 레이아웃을 설정하는 방법이 있었다

원래 설정했던 button의 constraints를 그대로 두고 button.image의 constraints를 추가함

 

 

 

오오 드디어 이미지 커졌다 ㅋㅋㅋㅋ 해결 굿 👍