skala Gambar di UIButton ke AspectFit?

Saya ingin menambahkan gambar ke UIButton, dan juga ingin menskalakan gambar saya agar sesuai dengan UIButton (membuat gambar lebih kecil). Tolong tunjukkan bagaimana melakukannya.

Inilah yang telah saya coba, tetapi tidak berhasil:

• Menambahkan gambar ke tombol dan menggunakan setContentMode:

[self.itemImageButton setImage:stretchImage forState:UIControlStateNormal];
[self.itemImageButton setContentMode:UIViewContentModeScaleAspectFit];

• Membuat "gambar peregangan":

UIImage *stretchImage = [updatedItem.thumbnail stretchableImageWithLeftCapWidth:0 topCapHeight:0];

Jika Anda benar-benar ingin menskalakan gambar, lakukan, tetapi Anda harus mengubah ukurannya sebelum menggunakannya. Mengubah ukurannya pada waktu proses hanya akan kehilangan siklus CPU.

Ini adalah kategori yang saya gunakan untuk menskalakan gambar:

UIImage + Extra.h

@interface UIImage (Extras)
- (UIImage *)imageByScalingProportionallyToSize:(CGSize)targetSize;
@end;

UIImage + Extra.m

@implementation UIImage (Extras)

- (UIImage *)imageByScalingProportionallyToSize:(CGSize)targetSize {

UIImage *sourceImage = self;
UIImage *newImage = nil;

CGSize imageSize = sourceImage.size;
CGFloat width = imageSize.width;
CGFloat height = imageSize.height;

CGFloat targetWidth = targetSize.width;
CGFloat targetHeight = targetSize.height;

CGFloat scaleFactor = 0.0;
CGFloat scaledWidth = targetWidth;
CGFloat scaledHeight = targetHeight;

CGPoint thumbnailPoint = CGPointMake(0.0,0.0);

if (!CGSizeEqualToSize(imageSize, targetSize)) {

        CGFloat widthFactor = targetWidth / width;
        CGFloat heightFactor = targetHeight / height;

        if (widthFactor < heightFactor) 
                scaleFactor = widthFactor;
        else
                scaleFactor = heightFactor;

        scaledWidth  = width * scaleFactor;
        scaledHeight = height * scaleFactor;

        // center the image

        if (widthFactor < heightFactor) {
                thumbnailPoint.y = (targetHeight - scaledHeight) * 0.5; 
        } else if (widthFactor > heightFactor) {
                thumbnailPoint.x = (targetWidth - scaledWidth) * 0.5;
        }
}


// this is actually the interesting part:

UIGraphicsBeginImageContextWithOptions(targetSize, NO, 0);

CGRect thumbnailRect = CGRectZero;
thumbnailRect.origin = thumbnailPoint;
thumbnailRect.size.width  = scaledWidth;
thumbnailRect.size.height = scaledHeight;

[sourceImage drawInRect:thumbnailRect];

newImage = UIGraphicsGetImageFromCurrentImageContext();
UIGraphicsEndImageContext();

if(newImage == nil) NSLog(@"could not scale image");


return newImage ;
}

@end

Anda dapat menggunakannya sesuai ukuran yang Anda inginkan. Suka :

[self.itemImageButton setImage:[stretchImage imageByScalingProportionallyToSize:CGSizeMake(20,20)]];

Saya memiliki masalah yang sama. Cukup setel ContentMode dari ImageView yang ada di dalam UIButton.

[[self.itemImageButton imageView] setContentMode: UIViewContentModeScaleAspectFit];
[self.itemImageButton setImage:[UIImage imageNamed:stretchImage] forState:UIControlStateNormal];

Semoga ini membantu.

Tidak ada jawaban di sini yang benar-benar berhasil untuk saya, saya memecahkan masalah dengan kode berikut:

button.contentMode = UIViewContentModeScaleToFill;
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
button.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;

Anda juga dapat melakukan ini di Interface Builder.

Cara termudah untuk menyetel UIButton imageView secara terprogram dalam mode penyesuaian aspek :

Cepat

button.contentHorizontalAlignment = .fill
button.contentVerticalAlignment = .fill
button.imageView?.contentMode = .scaleAspectFit

Objective-C

button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
button.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;
button.imageView.contentMode = UIViewContentModeScaleAspectFit;

Catatan: Anda dapat mengubah .scaleAspectFit (UIViewContentModeScaleAspectFit) menjadi .scaleAspectFill (UIViewContentModeScaleAspectFill) untuk menyetel mode pengisian aspek

Saya memiliki masalah dengan gambar yang tidak mengubah ukuran secara proporsional sehingga cara saya memperbaikinya menggunakan sisipan tepi.

fooButton.contentEdgeInsets = UIEdgeInsetsMake(10, 15, 10, 15);

Ini sekarang dapat dilakukan melalui properti UIButton IB. Kuncinya adalah mengatur gambar Anda sebagai latar belakang, jika tidak maka tidak akan berhasil.

Memperluas jawaban Dave, Anda dapat mengatur contentModesemua tombol imageViewdi IB, tanpa kode apa pun, menggunakan Runtime Attributes:

• 1artinya UIViewContentModeScaleAspectFit,
• 2akan berarti UIViewContentModeScaleAspectFill.

Jika Anda hanya ingin mengurangi gambar tombol Anda:

yourButton.contentMode = UIViewContentModeScaleAspectFit;
yourButton.imageEdgeInsets = UIEdgeInsetsMake(10, 10, 10, 10);

1 - Hapus teks default tombol (penting)

2 - atur perataan seperti gambar

3 - atur mode konten seperti gambar

Saya memiliki metode yang melakukannya untuk saya. Metode tersebut mengambil UIButtondan membuat aspek gambar sesuai.

-(void)makeImageAspectFitForButton:(UIButton*)button{
    button.imageView.contentMode=UIViewContentModeScaleAspectFit;
    button.contentHorizontalAlignment=UIControlContentHorizontalAlignmentFill;
    button.contentVerticalAlignment=UIControlContentVerticalAlignmentFill;
}

Solusi terbersih adalah dengan menggunakan Tata Letak Otomatis . Saya menurunkan Prioritas Resistensi Kompresi Konten saya UIButtondan mengatur gambar (bukan Gambar Latar Belakang ) melalui Pembuat Antarmuka . Setelah itu saya menambahkan beberapa batasan yang menentukan ukuran tombol saya (cukup rumit dalam kasus saya) dan itu bekerja seperti pesona.

pastikan Anda telah menyetel gambar ke properti Image, tetapi tidak ke Background

Gambar latar belakang sebenarnya dapat diatur ke isi skala dengan cukup mudah. Hanya perlu melakukan sesuatu seperti ini di subclass UIButton:

- (CGRect)backgroundRectForBounds:(CGRect)bounds
{
    // you'll need the original size of the image, you 
    // can save it from setBackgroundImage:forControlState
    return CGRectFitToFillRect(__original_image_frame_size__, bounds);
}

// Utility function, can be saved elsewhere
CGRect CGRectFitToFillRect( CGRect inRect, CGRect maxRect )
{
    CGFloat origRes = inRect.size.width / inRect.size.height;
    CGFloat newRes = maxRect.size.width / maxRect.size.height;

    CGRect retRect = maxRect;

    if (newRes < origRes)
    {
        retRect.size.width = inRect.size.width * maxRect.size.height / inRect.size.height;
        retRect.origin.x = roundf((maxRect.size.width - retRect.size.width) / 2);
    }
    else
    {
        retRect.size.height = inRect.size.height * maxRect.size.width / inRect.size.width;
        retRect.origin.y = roundf((maxRect.size.height - retRect.size.height) / 2);
    }

    return retRect;
}

Swift 5.0.0

 myButton2.contentMode = .scaleAspectFit
 myButton2.contentHorizontalAlignment = .fill
 myButton2.contentVerticalAlignment = .fill

Untuk Xamarin.iOS (C #):

    myButton.VerticalAlignment = UIControlContentVerticalAlignment.Fill;
    myButton.HorizontalAlignment = UIControlContentHorizontalAlignment.Fill;
    myButton.ImageView.ContentMode = UIViewContentMode.ScaleAspectFit;

Anda hanya perlu menyetel mode konten UIButton imageview untuk tiga acara. -

[cell.button setImage:[UIImage imageWithData:data] forState:UIControlStateNormal];

[cell.button setImage:[UIImage imageWithData:data] forState:UIControlStateHighlighted];

[cell.imgIcon setImage:[UIImage imageWithData:data] forState:UIControlStateSelected];

Kami memiliki kode untuk tiga acara bcoz saat menyorot atau memilih jika ukuran tombol adalah KOTAK dan ukuran gambar persegi panjang maka itu akan menampilkan gambar persegi pada saat menyorot atau memilih.

Saya yakin ini akan berhasil untuk Anda.