Görüntüyü bir UIButton'da AspectFit'e ölçekle?

Bir UIButton'a bir resim eklemek ve ayrıca resmimi UIButton'a sığacak şekilde ölçeklemek istiyorum (resmi küçültmek). Lütfen bana nasıl yapılacağını göster.

Denediğim buydu ama işe yaramıyor:

• Düğmeye resim eklemek ve kullanmak setContentMode:

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

• Bir "uzatılmış görüntü" oluşturma:

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

Bir görüntüyü gerçekten ölçeklemek istiyorsanız yapın, ancak kullanmadan önce yeniden boyutlandırmalısınız. Çalışma zamanında yeniden boyutlandırmak sadece CPU döngülerini kaybedecektir.

Bu, bir resmi ölçeklemek için kullandığım kategori:

UIImage + Extra.h

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

UIImage + Ekstra.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

İstediğiniz boyutta kullanabilirsiniz. Sevmek :

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

Ben de aynı sorunu yaşadım. UIButton'un içindeki ImageView'un ContentMode'unu ayarlamanız yeterlidir.

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

Bu yardımcı olur umarım.

Buradaki cevapların hiçbiri benim için gerçekten işe yaramadı, sorunu aşağıdaki kodla çözdüm:

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

Bunu Interface Builder'da da yapabilirsiniz.

Görünüme uydurma modunda bir UIButton imageView'i programlı olarak ayarlamanın en kolay yolu :

Swift

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

Amaç-C

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

Not: En boy doldurma modunu ayarlamak için .scaleAspectFit (UIViewContentModeScaleAspectFit) öğesini .scaleAspectFill (UIViewContentModeScaleAspectFill) olarak değiştirebilirsiniz.

Resmin orantılı olarak yeniden boyutlandırılamamasıyla ilgili sorunlar yaşadım, bu yüzden onu düzeltme şeklim kenar girintileri kullanmaktı.

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

Bu artık IB'nin UIButton özellikleri aracılığıyla yapılabilir. Anahtar, resminizi arka plan olarak ayarlamaktır, aksi takdirde çalışmaz.

Dave'in cevabını genişleterek, Runtime Niteliklerini kullanarak herhangi bir kod olmadan contentModedüğmenin imageViewtümünü IB'de ayarlayabilirsiniz :

• 1anlamı UIViewContentModeScaleAspectFit,
• 2anlamına gelir UIViewContentModeScaleAspectFill.

Yalnızca düğme resminizi küçültmek istiyorsanız:

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

1 - Düğme varsayılan metnini temizle (önemli)

2 - görüntü gibi hizalamayı ayarlayın

3 - görüntü gibi içerik modunu ayarlayın

Benim için bunu yapan bir yöntemim var. Yöntem UIButton, görüntünün en boyunu alır ve uygun hale getirir.

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

En temiz çözüm, Otomatik Yerleşimi kullanmaktır . Ben indirdi İçerik Sıkıştırma Direnci Öncelik Sesimin UIButtonve görüntü (belirtilmedi Arkaplan Resmi üzerinden) Interface Builder . Bundan sonra, düğmemin boyutunu tanımlayan birkaç kısıtlama ekledim (benim durumumda oldukça karmaşık) ve bir cazibe gibi çalıştı.

Görüntüyü Görüntü özelliğine ayarladığınızdan, ancak Arka Plan olarak ayarlamadığınızdan emin olun

Arka plan resmi aslında en boy dolgusunu oldukça kolay bir şekilde ölçeklendirecek şekilde ayarlanabilir. UIButton'un bir alt sınıfında buna benzer bir şey yapmanız yeterlidir:

- (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

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

Xamarin.iOS (C #) için:

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

Üç olay için UIButton görüntü görünümünün içerik modunu ayarlamanız yeterlidir. -

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

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

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

Düğme boyutunun KARE ve görüntü boyutunun dikdörtgen olup olmadığını vurgularken veya seçerken üç olay bcoz için kodumuz var, ardından vurgulama veya seçme sırasında kare görüntü gösterecektir.

Eminim senin için çalışacaktır.