[UIKit] : UIButton 속 이미지 크기 조절하기

UIButton에 Image를 넣었을때 Image 크기를 조절해보자.

기본적인 부분이라 쉬울 것 같지만 많은 사람들이 어려워하는 부분이다.

대부분의 경우가 image를 넣어주고 Button 의 사이즈를 조절하려고 하는데 다른 방법을 알아보자!

 

Image 를 만들 때 크기를 크게 해주고 Button 에 추가해주면 된다.

UIImage를 크게 만드는 방법은 SymbolConfiguration 를 사용해주면 된다.

 

    private let button : UIButton = {
        let button = UIButton()
        //Button에 넣어줄 UIImage의 크기를 30으로 정해주자
        let config = UIImage.SymbolConfiguration(pointSize: 30)
        let image = UIImage(systemName: "paperplane", withConfiguration: config)
        
        //커진 image 를 버튼에 넣어주자
        button.setImage(image, for: .normal)
        return button
    }()

커진 버튼을 볼 수 있을 것이다.

 

단 Button의 크기가 정해준 Image의 크기보다 작다면 Image가 resize 됨을 알자!

 

전체코드

import UIKit


class ViewController: UIViewController{
    private let button : UIButton = {
        let button = UIButton()
        //Button에 넣어줄 UIImage의 크기를 30으로 정해주자
        let config = UIImage.SymbolConfiguration(pointSize: 30)
        let image = UIImage(systemName: "paperplane", withConfiguration: config)
        
        //커진 image 를 버튼에 넣어주자
        button.setImage(image, for: .normal)
        return button
    }()
    
    
    override func viewDidLoad() {
        super.viewDidLoad()
        
        view.addSubview(button)
    }
    
    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
    //button의 frame이 image 보다 작다면 이미지는 Button의 크기에 Resize 된다!
        button.frame = CGRect(x: 50, y: 50, width: 100, height: 100)
    }
}