Button에 이미지 추가 후 크기 조절하는 방법

버튼 영역 크기 오류 발생 ✅

• UI 작업을 하는 도중, Button에 직접 이미지를 추가한 후 크기 조절을 하고 싶어 자연스레 Button에 있는 image 를 넣어주었더니

• 위와 같이 버튼영역을 넘어서 확대되는 것을 볼 수 있었다... 이것 저것 시도해보다가 찾은 방법을 적어두려고 한다.

버튼 이미지 넣고 크기 조절하는 방법 📚

• 첫 번째로, Asset 파일에 가 위 이미지파일을 변경 가능하게 바꾸어주는 것이다.
  

에셋 파일에 들어가 Image Set에 내가 사용하려는 이미지파일의 Render As를 Original Image로 변경해준다.

• 두 번째로, 타입을 커스텀으로 변경해준 뒤, Style을 Default 값으로 변경해준다.

그러면 위와 같이 버튼안에 이미지가 이쁘게 들어간 것을 확인할 수 있다!