Bagaimana cara menyesuaikan imageSize UIButton?

Bagaimana saya bisa menyesuaikan ukuran gambar UIButton? Saya mengatur gambar seperti ini:

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

Namun ini mengisi gambar ke tombol penuh, bagaimana cara membuat gambar lebih kecil?

Jika saya mengerti benar apa yang Anda coba lakukan, Anda perlu bermain dengan inset tepi gambar tombol. Sesuatu seperti:

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

Jawaban Tim sudah benar, namun saya ingin menambahkan saran lain, karena dalam kasus saya ada solusi yang lebih sederhana.

Saya mencari untuk mengatur UIButtoninsets gambar karena saya tidak menyadari bahwa saya dapat mengatur mode konten pada tombol UIImageView, yang akan mencegah perlunya menggunakan UIEdgeInsets dan nilai-nilai hard-coded secara bersamaan. Cukup akses tampilan gambar di bawah tombol dan atur mode konten:

myButton.imageView.contentMode = UIViewContentModeScaleAspectFit;

Lihat UIButton tidak mendengarkan pengaturan mode konten?

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

Anda juga dapat melakukannya dari pembangun inteface seperti ini.

Saya pikir ini membantu.

Jika gambar Anda terlalu besar (dan Anda tidak bisa / tidak ingin hanya membuat gambar lebih kecil), kombinasi dari dua jawaban pertama berfungsi dengan baik.

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

Kecuali jika Anda mendapatkan inset gambar dengan benar, gambar akan miring tanpa mengubah contentMode.

Anda dapat menggunakan imageEdgeInsetsproperti margin inset atau outset untuk persegi panjang di sekitar gambar tombol.

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

Nilai positif menyusut, atau insets, ujung itu — bergerak. Nilai negatif memperluas, atau mengimbangi, tepi itu.

Berikut ini solusi lain untuk skala imageView dari UIButton.

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

Inilah versi Swift:

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

Cepat 4

Anda perlu menggunakan dua baris kode ini, dalam urutan khusus ini. Yang Anda butuhkan hanyalah mengubah nilai atas dan bawah dari insets tepi.

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

Dengan bantuan jawaban Tim C , saya dapat membuat ekstensi UIButtonmenggunakan Swift yang memungkinkan Anda menentukan bingkai gambar dengan menggunakan .setImage()fungsi dengan frameparameter tambahan

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

}

Menggunakan ini, jika Anda ingin mengatur bingkai a UIButton untuk CGRectMake(0, 0, 64, 64), dan mengatur gambar itu myImagedengan bingkai CGRectMake(8, 8, 48, 48), Anda bisa menggunakan

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

Saat mengubah ukuran ikon dengan UIEdgeInsetsMake(top, left, bottom, right) , perlu diingat dimensi tombol dan kemampuan UIEdgeInsetsMake untuk bekerja dengan nilai negatif seolah-olah mereka positif.

Contoh: Dua tombol dengan tinggi 100 dan aspek 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)

Contoh 1 dan 3 identik sejak ABS (100 - (40 + 40)) = ABS (100 - (60 + 60))

Cepat 3

Saya mengatur lebar dan tinggi myButton ke 40 dan bantalan saya dari EdgeInsetsMake adalah 15 semua sisi. Saya sarankan untuk menambahkan warna latar belakang ke tombol Anda untuk melihat padding yang sebenarnya.

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

Salah satu pendekatan adalah mengubah ukuran UIImage dalam kode seperti berikut. Catatan: kode ini hanya berskala berdasarkan tinggi, tetapi Anda dapat dengan mudah menyesuaikan fungsi dengan skala berdasarkan lebar juga.

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

Diperbarui untuk Swift> 5

atur ukuran:

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

atur margin:

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

Diperbarui untuk Swift 3

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

saya pikir, ukuran gambar Anda juga sama dengan ukuran tombol maka Anda menempatkan gambar di latar belakang tombol seperti:

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

Anda mast memiliki ukuran gambar dan tombol yang sama. Saya harap Anda mengerti maksud saya.