¿Cómo ajustar el tamaño de imagen de un UIButton?

¿Cómo puedo ajustar el tamaño de la imagen del UIButton? Estoy configurando la imagen así:

[myLikesButton setImage:[UIImage imageNamed:@"icon-heart.png"] forState:UIControlStateNormal];

Sin embargo, esto llena la imagen hasta el botón completo, ¿cómo hago para que la imagen sea más pequeña?

Si entiendo correctamente lo que estás tratando de hacer, debes jugar con los botones de inserción de borde de imagen. Algo como:

myLikesButton.imageEdgeInsets = UIEdgeInsets(top, left, bottom, right)

La respuesta de Tim es correcta, sin embargo, quería agregar otra sugerencia, porque en mi caso había una solución más simple.

Estaba buscando configurar las UIButtoninserciones de imagen porque no me di cuenta de que podía configurar el modo de contenido en los botones UIImageView, lo que habría evitado la necesidad de usar UIEdgeInsets y valores codificados por completo. Simplemente acceda a la vista de imagen subyacente en el botón y configure el modo de contenido:

myButton.imageView.contentMode = UIViewContentModeScaleAspectFit;

¿Ves UIButton no escucha la configuración del modo de contenido?

Swift 3

myButton.imageView?.contentMode = .scaleAspectFit

Swift 3:

button.setImage(UIImage(named: "checkmark_white"), for: .normal)
button.contentVerticalAlignment = .fill
button.contentHorizontalAlignment = .fill
button.imageEdgeInsets = UIEdgeInsetsMake(10, 10, 10, 10)

También puede hacerlo desde el generador de interfaces como este.

Creo que es útil

Si su imagen es demasiado grande (y no puede / no desea que la imagen sea más pequeña), una combinación de las dos primeras respuestas funciona muy bien.

addButton.imageView?.contentMode = .scaleAspectFit
addButton.imageEdgeInsets = UIEdgeInsetsMake(15.0, 15.0, 15.0, 5.0)

A menos que obtenga las inserciones de la imagen correctamente, la imagen se sesgará sin cambiar el contentMode.

puede usar la imageEdgeInsetspropiedad Los márgenes de entrada o de salida para el rectángulo alrededor de la imagen del botón.

 [self.btn setImageEdgeInsets:UIEdgeInsetsMake(6, 6, 6, 6)];

Un valor positivo reduce o inserta ese borde, moviéndose. Un valor negativo expande, o compensa, ese borde.

Aquí está la otra solución para escalar imageView de UIButton.

button.imageView?.layer.transform = CATransform3DMakeScale(0.8, 0.8, 0.8)

Aquí está la versión Swift:

myButton.imageEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)

Swift 4

Debería usar estas dos líneas de código, en este orden específico. Todo lo que necesita es cambiar el valor superior e inferior de las inserciones de borde.

addButton.imageView?.contentMode = .scaleAspectFit
addButton.imageEdgeInsets = UIEdgeInsetsMake(10.0, 0.0, 10.0, 0.0)

Con la ayuda de la respuesta de Tim C , pude crear una extensión sobre el UIButtonuso de Swift que le permite especificar el marco de la imagen utilizando la .setImage()función con un frameparámetro adicional

extension UIButton{

    func setImage(image: UIImage?, inFrame frame: CGRect?, forState state: UIControlState){
        self.setImage(image, forState: state)

        if let frame = frame{
            self.imageEdgeInsets = UIEdgeInsets(
                top: frame.minY - self.frame.minY,
                left: frame.minX - self.frame.minX,
                bottom: self.frame.maxY - frame.maxY,
                right: self.frame.maxX - frame.maxX
            )
        }
    }

}

Utilizando esto, si desea establecer el marco de un UIButtona CGRectMake(0, 0, 64, 64), y establecer la imagen myImagecon un marco de CGRectMake(8, 8, 48, 48), puede usar

let button: UIButton = UIButton(frame: CGRectMake(0, 0, 64, 64))
button.setImage(
    myImage,
    inFrame: CGRectMake(8, 8, 48, 48),
    forState: UIControlState.Normal
)

Al cambiar el tamaño del icono con UIEdgeInsetsMake(top, left, bottom, right) , tenga en cuenta las dimensiones de los botones y la capacidad de UIEdgeInsetsMake para trabajar con valores negativos como si fueran positivos.

Ejemplo: dos botones con altura 100 y aspecto 1: 1.

left.imageEdgeInsets = UIEdgeInsetsMake(40, 0, 40, 0)
right.imageEdgeInsets = UIEdgeInsetsMake(40, 0, 40, 0)

left.imageEdgeInsets = UIEdgeInsetsMake(40, 0, 40, 0)
right.imageEdgeInsets = UIEdgeInsetsMake(45, 0, 45, 0)

left.imageEdgeInsets = UIEdgeInsetsMake(40, 0, 40, 0)
right.imageEdgeInsets = UIEdgeInsetsMake(60, 0, 60, 0)

Los ejemplos 1 y 3 son idénticos ya que ABS (100 - (40 + 40)) = ABS (100 - (60 + 60))

Swift 3

Establecí el ancho y la altura de myButton en 40 y mi relleno de EdgeInsetsMake es 15 en todos los lados. Sugiero agregar un color de fondo a su botón para ver el relleno real.

myButton.backgroundColor = UIColor.gray // sample color to check padding
myButton.imageView?.contentMode = .scaleAspectFit
myButton.imageEdgeInsets = UIEdgeInsetsMake(15, 15, 15, 15)

Un enfoque es cambiar el tamaño del UIImage en código como el siguiente. Nota: este código solo escala por altura, pero también puede ajustar fácilmente la función para escalar por ancho.

let targetHeight = CGFloat(28)
let newImage = resizeImage(image: UIImage(named: "Image.png")!, targetHeight: targetHeight)
button.setImage(newImage, for: .normal)

fileprivate func resizeImage(image: UIImage, targetHeight: CGFloat) -> UIImage {
    // Get current image size
    let size = image.size

    // Compute scaled, new size
    let heightRatio = targetHeight / size.height
    let newSize = CGSize(width: size.width * heightRatio, height: size.height * heightRatio)
    let rect = CGRect(x: 0, y: 0, width: newSize.width, height: newSize.height)

    // Create new image
    UIGraphicsBeginImageContextWithOptions(newSize, false, 0)
    image.draw(in: rect)
    let newImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()

    // Return new image
    return newImage!
}

Actualizado para Swift> 5

establecer el tamaño:

button.frame = CGRect(x: 0, y: 0, width: 44, height: 44)

establecer márgenes:

button.imageEdgeInsets = UIEdgeInsets(top: 10, left: 10, bottom: 10, right: 10)

Actualizado para Swift 3

yourButtonName.imageEdgeInsets = UIEdgeInsetsMake(10, 10, 10, 10)

Creo que el tamaño de su imagen también es el mismo que el tamaño del botón y luego coloca la imagen en el fondo del botón como:

[myLikesButton setBackgroundImage:[UIImage imageNamed:@"icon-heart.png"] forState:UIControlStateNormal];

tienes mástil tiene el mismo tamaño de imagen y botón. Espero que entiendas mi punto.