Bir UIButton'un imageSize'ı nasıl ayarlanır?

UIButton'un görüntü boyutunu nasıl ayarlayabilirim? Görüntüyü şu şekilde ayarlıyorum:

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

Ancak bu, görüntüyü tam düğmeye kadar doldurur, görüntüyü nasıl küçültebilirim?

Ne yapmaya çalıştığınızı doğru bir şekilde anlarsam, görüntü kenarı eki düğmeleriyle oynamanız gerekir. Gibi bir şey:

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

Tim'in cevabı doğrudur, ancak başka bir öneri eklemek istedim, çünkü benim durumumda tamamen daha basit bir çözüm vardı.

UIButtonGörüntü eklerini ayarlamak istiyordum çünkü düğmenin içerik modunu ayarlayabileceğimi fark etmedim UIImageView, bu da UIEdgeInsets ve sabit kodlanmış değerleri tamamen kullanma ihtiyacını önleyecekti. Düğmedeki temel görüntü görünümüne erişin ve içerik modunu ayarlayın:

myButton.imageView.contentMode = UIViewContentModeScaleAspectFit;

Bkz. UIButton içerik modu ayarını dinlemiyor mu?

Hızlı 3

myButton.imageView?.contentMode = .scaleAspectFit

Hızlı 3:

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

Bunu, bunun gibi inteface oluşturucudan da yapabilirsiniz.

Bence faydalı.

Resminiz çok büyükse (ve görüntüyü daha küçük yapmak istemiyorsanız / istemiyorsanız), ilk iki yanıtın bir kombinasyonu harika çalışır.

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

Görüntü iç metinlerini tam olarak almazsanız, görüntü değiştirilmeden eğriltilir contentMode.

imageEdgeInsetsdüğmesinin görüntüsünün etrafındaki dikdörtgen için iç metin veya başlangıç ​​kenar boşlukları özelliğini kullanabilirsiniz .

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

Pozitif bir değer o kenarı küçültür veya ekler — hareket eder. Negatif bir değer bu kenarı genişletir veya öteler.

UIButton'un imageView değerini ölçeklendirmek için başka bir çözüm.

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

Heres Swift sürümü:

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

Hızlı 4

Bu iki kod satırını, bu özel sırayla kullanmanız gerekir. Tek ihtiyacınız olan kenar iç metinlerinin üst ve alt değerlerini değiştirmek.

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

Yardımıyla Tim C'nin cevap , ben bir uzantısı oluşturmak başardı UIButtonEğer kullanarak resim çerçevesi belirlemenizi sağlar Swift kullanarak .setImage()fazladan ile işlev frameparametresi

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

}

Bir n çerçevesi istiyorsa, bu kullanma UIButtoniçin CGRectMake(0, 0, 64, 64), ve bunun görüntüsünü ayarlamak myImagebir çerçeve ile CGRectMake(8, 8, 48, 48)size kullanabilirsiniz,

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

İle simge boyutunu değiştirirken UIEdgeInsetsMake(top, left, bottom, right) , düğme boyutlarını ve UIEdgeInsetsMM'in negatif gibi pozitif değerlerle çalışmayı unutmayın.

Örnek: Yükseklik 100 ve en boy oranı 1: 1 olan iki düğme.

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)

Örnek 1 ve 3, ABS (100 - (40 + 40)) = ABS (100 - (60 + 60)) olduğu için aynıdır.

Hızlı 3

MyButton genişliğini ve yüksekliğini 40 olarak ayarladım ve EdgeInsetsMake'den doldurmamın her tarafı 15. Gerçek dolguyu görmek için düğmenize bir arka plan rengi eklemenizi öneririm.

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

Bir yaklaşım UIImage kodunu aşağıdaki gibi yeniden boyutlandırmaktır. Not: Bu kod yalnızca yüksekliğe göre ölçeklenir, ancak işlevi genişliğe göre ölçeklemek için de kolayca ayarlayabilirsiniz.

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

Swift> 5 için güncellendi

boyutunu ayarlamak:

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

kenar boşluklarını ayarla:

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

Swift 3 için güncellendi

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

Bence, görüntü boyutu da düğme boyutu ile aynı o zaman düğmenin arka planına görüntü koymak gibi:

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

direk aynı görüntü ve düğme boyutuna sahip. umarım anladım.