Wie wird die imageSize eines UIButton angepasst?

Question

Wie kann ich die Bildgröße des UIButton anpassen? Ich stelle das Bild wie folgt aus:

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

jedoch diese das Bild auf die volle Taste füllt, wie mache ich das Bild kleiner?

Answer 1

Wenn ich richtig verstehe, was Sie zu tun versuchen, müssen Sie mit den Schaltflächen Bildrand einfügen spielen. Etwas wie:

myLikesButton.imageEdgeInsets = UIEdgeInsetsMake(top, left, bottom, right); 

Answer 2

Ich denke, Ihre Bildgröße ist auch gleich wie Knopfgröße dann Sie Bild im Hintergrund der Schaltfläche setzen wie:

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

Sie Mast haben die gleiche Größe des Bildes und Taste. Ich hoffe du verstehst meinen Standpunkt.

Answer 3

können Sie imageEdgeInsets Eigenschaft verwenden Die Einfüge- oder Anfangsränder für das Rechteck um das Bild der Schaltfläche.

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

Ein positiver Wert schrumpft oder kippt diesen Rand um. Ein negativer Wert erweitert oder outsettiert diese Kante.

Answer 4

Tims Antwort ist korrekt, aber ich wollte einen weiteren Vorschlag hinzufügen, denn in meinem Fall gab es insgesamt eine einfachere Lösung.

Ich wollte die UIButton Bildeinfügungen setzen, weil ich nicht erkannte, dass ich den Inhaltsmodus auf UIImageView der Schaltfläche festlegen konnte, die die Notwendigkeit verhindert hätte, UIEdgeInsets und fest codierte Werte insgesamt zu verwenden. Zugriff einfach die zugrunde liegende Imageview auf die Schaltfläche und stellen Sie den Inhalt Modus:

myButton.imageView.contentMode = UIViewContentModeScaleAspectFit; 

UIButton doesn't listen to content mode setting?

Swift 3

myButton.imageView?.contentMode = .scaleAspectFit 

Answer 5

Heres die Swift-Version Siehe:

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

Answer 6

Mit Hilfe von Tim C's answer, konnte ich eine Erweiterung auf UIButton mit Swift erstellen, die Sie mit der .setImage() Funktion mit einem zusätzlichen frame Parameter

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

} 

Mit diesem den Bildrahmen festlegen können, wenn Sie den Rahmen ein setzen wollten UIButton-CGRectMake(0, 0, 64, 64), und stellen Sie das Bild um es zu myImage mit einem Rahmen von CGRectMake(8, 8, 48, 48), könnten Sie

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

Answer 7

Sie können tun, wie diese verwenden auch, dass von inteface Builder.

Ich denke, es hilfreich ist.

Answer 8

Wenn Ihr Bild zu groß ist (und Sie das Bild nicht verkleinern können/wollen), funktioniert eine Kombination der ersten beiden Antworten sehr gut.

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

Sofern Sie die Bild Einsätze gerade richtig, wird das Bild ohne die contentMode Wechsel verzerrt werden.

Answer 9

Swift 3:

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

Answer 10

aktualisiert Swift 3

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

Answer 11

Swift 3

eingestellt I myButton Breite und Höhe bis 40 und meine Polsterung aus EdgeInsetsMake 15 alle Seiten . Ich schlage vor, eine Hintergrundfarbe zu Ihrem Knopf hinzuzufügen, um das tatsächliche Auffüllen zu sehen.

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