[iOS] UIButton 버튼 내 이미지 크기 조정하기

개발을 진행하던 중, 버튼 안에 이미지를 넣고 싶은데 다음과 같은 문제가 발생했다.

이 문제는 이전에 해결한 적이 있었는데 어떻게 했는지 기억이 나질 않았다.

 

앞으로 비슷한 상황을 마주했을 때 찾아보기 위해 정리한다!!

 

이미지 크기 조정하기

이미지 크기를 조정하는 방법은 먼저 extension을 추가해줘야 한다.

import UIKit

extension UIImage {
    func resize(targetSize: CGSize) -> UIImage? {
        let rect = CGRect(origin: .zero, size: targetSize)
        UIGraphicsBeginImageContextWithOptions(targetSize, false, 0.0)
        self.draw(in: rect)
        let resizedImage = UIGraphicsGetImageFromCurrentImageContext()
        UIGraphicsEndImageContext()
        return resizedImage
    }
}

이렇게 UIImage 익스텐션을 만들어준다.

 

 

 

그리고, 원하는 버튼을 세팅하는 부분에서 다음과 같이 사용하면 된다.

private let settingButton = UIButton().then {
    let imageSize = CGSize(width: 100, height: 100) // 1
    let resizedImage = UIImage(systemName: "gearshape")?.resize(targetSize: imageSize) // 2
    $0.imageView?.contentMode = .scaleToFill // 3
    $0.setImage(resizedImage, for: .normal) // 4
}

(나는 then을 사용하였다.)

1. 먼저, 이미지 크기를 CGSize를 사용하여 설정해준다. 위 코드에서는 너비와 높이 모두 100으로 설정되었다.

2. 그리고, 크기를 조정하고자 하는 이미지를 가져와 아까 만들어둔 extension을 사용해준다.

3. 이제 이미지뷰의 contentMode를 scaleToFill로 설정해 이미지가 뷰에 가득 차도록 한다.

4. UIButton에 있는 setImage함수를 사용해 이전에 크기를 조정한 이미지를 가져와준다.

 

이렇게 하면, UIButton 안에 원하는 이미지를 가져오고, 그 이미지 크기를 마음대로 조정할 수 있다.