Come regolare l'immagine di un UIButton?

Come posso regolare la dimensione dell'immagine del pulsante UIB? Sto impostando l'immagine in questo modo:

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

Tuttavia, questo riempie l'immagine fino al pulsante completo, come posso ridurre l'immagine?

Se capisco correttamente cosa stai cercando di fare, devi giocare con l'inserimento del bordo dell'immagine dei pulsanti. Qualcosa di simile a:

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

La risposta di Tim è corretta, tuttavia volevo aggiungere un altro suggerimento, perché nel mio caso c'era una soluzione più semplice del tutto.

Stavo cercando di impostare gli UIButtoninserti di immagini perché non mi rendevo conto che avrei potuto impostare la modalità di contenuto sui pulsanti UIImageView, il che avrebbe impedito la necessità di utilizzare UIEdgeInsets e valori codificati del tutto. Accedi semplicemente alla visualizzazione immagine sottostante sul pulsante e imposta la modalità contenuto:

myButton.imageView.contentMode = UIViewContentModeScaleAspectFit;

Vedi UIButton non ascolta le impostazioni della modalità contenuto?

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)

Puoi anche farlo dal builder inteface in questo modo.

Penso che sia utile

Se la tua immagine è troppo grande (e non puoi / non vuoi solo ridurla), una combinazione delle prime due risposte funziona alla grande.

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

A meno che non si ottengano le inserzioni di immagine giuste, l'immagine verrà inclinata senza modificare la contentMode.

puoi usare la imageEdgeInsetsproprietà I margini dell'inserzione o dell'outset per il rettangolo attorno all'immagine del pulsante.

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

Un valore positivo si restringe, o inserisce, quel bordo - in movimento. Un valore negativo si espande, o supera, quel bordo.

Ecco l'altra soluzione per ridimensionare imageView di UIButton.

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

Ecco la versione Swift:

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

Swift 4

Dovresti usare queste due righe di codice, in questo ordine specifico. Tutto ciò che serve è cambiare il valore superiore e inferiore delle inserzioni dei bordi.

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

Con l'aiuto della risposta di Tim C , sono stato in grado di creare un'estensione UIButtonutilizzando Swift che consente di specificare la cornice immagine utilizzando la .setImage()funzione con un frameparametro aggiuntivo

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
            )
        }
    }

}

Usando questo, se si desidera impostare il frame di un UIButtona CGRectMake(0, 0, 64, 64)e impostarne l'immagine myImagecon un frame di CGRectMake(8, 8, 48, 48), è possibile utilizzare

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

Quando si cambia la dimensione dell'icona con UIEdgeInsetsMake(top, left, bottom, right) , tenere presente le dimensioni del pulsante e la capacità di UIEdgeInsetsMake di funzionare con valori negativi come se fossero positivi.

Esempio: due pulsanti con altezza 100 e aspetto 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)

Gli esempi 1 e 3 sono identici poiché ABS (100 - (40 + 40)) = ABS (100 - (60 + 60))

Swift 3

Ho impostato la larghezza e l'altezza di myButton su 40 e la mia imbottitura di EdgeInsetsMake è 15 su tutti i lati. Suggerisco di aggiungere un colore di sfondo al pulsante per vedere l'imbottitura effettiva.

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

Un approccio consiste nel ridimensionare il UIImage in codice come il seguente. Nota: questo codice viene ridimensionato solo in base all'altezza, ma è possibile regolare facilmente anche la funzione in base alla larghezza.

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!
}

Aggiornato per Swift> 5

imposta la dimensione:

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

impostare i margini:

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

Aggiornato per Swift 3

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

penso che la dimensione dell'immagine sia uguale alla dimensione del pulsante, quindi metti l'immagine sullo sfondo del pulsante come:

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

hai lo stesso formato di immagine e pulsante. Spero di capire il mio punto.