dimensionar a imagem em um UIButton para AspectFit?

Eu quero adicionar uma imagem a um UIButton, e também quero escalar minha imagem para caber com o UIButton (tornar a imagem menor). Por favor, me mostre como fazer.

Tentei fazer isso, mas não deu certo:

• Adicionando imagem ao botão e usando setContentMode:

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

• Fazendo uma "imagem esticada":

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

Se você realmente deseja dimensionar uma imagem, faça-o, mas deve redimensioná-la antes de usá-la. Redimensionar em tempo de execução apenas perderá ciclos de CPU.

Esta é a categoria que estou usando para dimensionar uma imagem:

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

Você pode usá-lo no tamanho que desejar. Gostar :

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

Eu tive o mesmo problema. Basta definir o ContentMode do ImageView que está dentro do UIButton.

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

Espero que isto ajude.

Nenhuma das respostas aqui realmente funcionou para mim. Resolvi o problema com o seguinte código:

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

Você também pode fazer isso no Interface Builder.

A maneira mais fácil de definir programaticamente um UIButton imageView no modo de ajuste de aspecto :

Rápido

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

Objective-C

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

Nota: Você pode alterar .scaleAspectFit (UIViewContentModeScaleAspectFit) para .scaleAspectFill (UIViewContentModeScaleAspectFill) para definir um preenchimento de aspecto modo de

Tive problemas com a imagem não redimensionada proporcionalmente, então a maneira que eu consertei foi usando inserções de borda.

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

Isso agora pode ser feito por meio das propriedades UIButton do IB. A chave é definir sua imagem como plano de fundo, caso contrário, não funcionará.

Expandindo a resposta de Dave, você pode definir o contentModedos botões imageViewtodos em IB, sem nenhum código, usando os atributos de tempo de execução:

• 1significa UIViewContentModeScaleAspectFit,
• 2significaria UIViewContentModeScaleAspectFill.

Se você simplesmente deseja reduzir a imagem do botão:

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

1 - limpar o texto padrão do botão (importante)

2 - definir alinhamento como imagem

3 - definir modo de conteúdo como imagem

Eu tenho um método que faz isso por mim. O método pega UIButtone ajusta o aspecto da imagem.

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

A solução mais limpa é usar o Auto Layout . Baixei conteúdo Prioridade resistência à compressão do meu UIButtone definir a imagem (não Imagem de fundo ) via Interface Builder . Depois disso, adicionei algumas restrições que definem o tamanho do meu botão (bastante complexo no meu caso) e funcionou perfeitamente.

certifique-se de ter definido a imagem para a propriedade Image, mas não para a propriedade Background

A imagem de fundo pode ser configurada para dimensionar o preenchimento do aspecto com bastante facilidade. Só precisa fazer algo assim em uma subclasse de 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

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

Para Xamarin.iOS (C #):

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

Você só precisa definir o modo de conteúdo do UIButton imageview para três eventos. -

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

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

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

Temos código para três eventos bcoz enquanto destacamos ou selecionamos se o tamanho do botão é QUADRADO e o tamanho da imagem é retângulo, então ele mostrará a imagem quadrada no momento do destaque ou seleção.

Tenho certeza de que funcionará para você.