UIButton não vai para Aspect Fit no iPhone

Eu tenho alguns UIButtons e no IB eles estão configurados para Aspect Fit, mas por alguma razão eles estão sempre se alongando. Existe algo mais que você precisa definir? Tentei todos os modos de visualização diferentes e nenhum deles funcionou, todos eles se estendem.

Eu já tive esse problema antes. Eu resolvi isso colocando minha imagem em um UIImageView, onde as contentModeconfigurações realmente funcionam, e colocando um personalizado transparente UIButtonem cima disso.

EDIT: Esta resposta é obsoleta. Veja a resposta de @Werner Altewischer para a resposta correta nas versões modernas do iOS.

A solução é definir o contentModena imageViewpropriedade do UIButton. O UIButtondeve ser criado com um tipo personalizado para que funcione, eu acredito (caso contrário, nilé retornado para esta propriedade).

Este método funcionou muito bem para mim .:

No Xib selecione o botão e definauser defined runtime attributes :

• Caminho da chave: self.imageView.contentMode
• Tipo: Number
• Valor: 1

Usamos número porque você não pode usar enum aqui. Mas o UIViewContentModeScaleAspectFit é igual a 1.

Se estiver fazendo isso no Interface Builder, você pode usar o inspetor de atributos do Runtime para definir isso diretamente, sem qualquer código.

Defina o caminho da chave no botão como "imageView.contentMode" com um tipo de "Número" e um valor de "1" (ou qualquer modo que você desejar).

Use imageView do botão para contentMode. Não diretamente no próprio botão.

homeButton.imageView.contentMode = UIViewContentModeScaleAspectFit;
homeButton.contentHorizontalAlignment = UIControlContentHorizontalAlignmentFill;
homeButton.contentVerticalAlignment = UIControlContentVerticalAlignmentFill;
[homeButton setImage:[UIImage imageNamed:kPNGLogo] forState:UIControlStateNormal];

Se você colocar a imagem UIImageViewatrás do botão, perderá a funcionalidade embutida da UIButtonclasse, como adjustsImageWhenHighlightede e adjustsImageWhenDisabled, claro, a capacidade de definir imagens diferentes para estados diferentes (sem o embaraço de fazer isso sozinho).

Se quisermos ter uma imagem não expandida para todos os estados de controle , uma abordagem é obter a imagem usando imageWithCGImage:scale:orientation, como no seguinte método:

- (UIImage *) getScaledImage:(UIImage *)img insideButton:(UIButton *)btn {

    // Check which dimension (width or height) to pay respect to and
    // calculate the scale factor
    CGFloat imgRatio = img.size.width / img.size.height, 
            btnRatio = btn.frame.size.width / btn.frame.size.height,
            scaleFactor = (imgRatio > btnRatio 
                           ? img.size.width / btn.frame.size.width
                           : img.size.height / btn.frame.size.height;

    // Create image using scale factor
    UIImage *scaledImg = [UIImage imageWithCGImage:[img CGImage]
                                             scale:scaleFactor
                                       orientation:UIImageOrientationUp];
    return scaledImg;
}

Para implementar isso, escreveríamos:

UIImage *scaledImg = [self getScaledImage:myBtnImg insideButton:myBtn];
[myBtn setImage:scaledImg forState:UIControlStateNormal];

Isso deve evitar que a imagem se estique em todos os estados de controle. Funcionou para mim, mas deixe-me saber se não funcionar!

NOTA: Aqui estamos tratando de um problema relacionado a UIButton, mas insideButton:pode muito bem ser insideView:, ou qualquer outra coisa em que se gostaria de ajustar a imagem.

Eu tive esse problema um tempo atrás. O problema que tive é que estava tentando aplicar esse efeito ao UIButton de fundo, o que é limitado e, portanto, significa que você não pode ajustá-lo tão facilmente.

O truque é configurá-lo apenas como uma imagem e então aplicar a técnica de @ayreguitar e isso deve consertar!

UIButton *myButton = [UIButton buttonWithType:UIButtonTypeCustom];
[myButton setContentMode:UIViewContentModeScaleAspectFill];
[myButton setImage:@"myImage.png" forState:UIControlStateNormal];

Isso funcionou para mim

[button.imageView setContentMode:UIViewContentModeScaleAspectFit];

Obrigado a @ayreguitar pelo seu comentário

Aqui está uma resposta alternativa rápida:

myButton.imageView?.contentMode = .ScaleAspectFit

Combinando algumas respostas diferentes em uma solução - crie um botão com um tipo personalizado, defina a propriedade imageView contentMode do botão e defina a imagem para o botão (não a imagem de fundo, que ainda será dimensionada para preencher).

//Objective-C:
UIImage *image = [UIImage imageNamed:"myImageName.png"];
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
[button setImage:image forState:UIControlStateNormal];
button.imageView.contentMode = UIViewContentModeScaleAspectFit;

//Swift:
let image = UIImage(named: "myImageName.png")
let button = UIButton(type: .custom)
button.imageView?.contentMode = .scaleAspectFit
button.setImage(image, for: .normal)

btn.imageView.contentMode = UIViewContentModeScaleAspectFit;

Esta resposta é baseada na resposta de @WernerAltewischer .

Para evitar conectar meu botão a um IBOutlet para executar o código nele, criei uma subclasse da classe UIButton:

// .h
@interface UIButtonWithImageAspectFit : UIButton
@end

// .m
@implementation UIButtonWithImageAspectFit

- (void) awakeFromNib {
    [self.imageView setContentMode:UIViewContentModeScaleAspectFit];
}

@end

Agora crie um botão personalizado em seu xib e defina sua imagem (não a imagem de fundo):

Em seguida, defina sua classe:

Você Terminou!
Ao invés de

aspecto da imagem do botão, o ajuste agora é o esperado:

ios 12. Você precisa adicionar também o Alinhamento de conteúdo

class FitButton: UIButton {

    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)


    }

    override func layoutSubviews() {
        self.imageView?.contentMode = .scaleAspectFill
        self.contentHorizontalAlignment = .fill
        self.contentVerticalAlignment = .fill
        super.layoutSubviews()


    }

}

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

Os modos de conteúdo UIView se aplicam ao "conteúdo" do CALayer correspondente. Isso funciona para UIImageViews porque eles definem o CALayerconteúdo como o correspondente CGImage.

drawRect: no final, renderiza para o conteúdo da camada.

Um custom UIButton(até onde eu sei) não tem conteúdo (os botões de estilo de retângulo arredondado podem ser renderizados usando conteúdo). O botão tem subvisualizações: o plano de fundo UIImageView, a imagem UIImageViewe o título UILabel. Definir o contentModenas subvisualizações pode fazer o que você quiser, mas mexer com a UIButtonhierarquia de visões é um pouco inconveniente.

Mudar UIButton.imageView.contentModenão funcionou para mim.
Resolvi o problema configurando a imagem para a propriedade 'Background'.
Você pode adicionar restrição de proporção se precisar

Isso se sobrepõe a muitas das outras respostas, mas a solução para mim foi

• defina o contentModedo UIImageViewpara o botão para .ScaleAspectFit- o que pode ser feito em "Atributos de tempo de execução definidos pelo usuário" no Construtor de interface (ou seja self.imageView.contentMode, número, 1) ou em umUIButton subclasse;
• desabilite ”Autoresize Subviews”;
• defina ”Borda” como ”Imagem” e os valores apropriados ”Superior” e ”Inferior” para ”Inserção” (que só podem ser necessários se você, como eu, usou um PDF como imagem).

Você pode usar imageWithCGImage conforme mostrado acima (mas sem os parênteses ausentes).

Além disso ... milhões de telefones diferentes do 4.0 não funcionarão com esse código.

[button sizeToFit] trabalhou para mim.

Semelhante a @Guillaume, criei uma subclasse de UIButton como um arquivo Swift. Em seguida, defina minha classe personalizada no Interface Builder:

.

E aqui está o arquivo Swift:

import UIKit

class TRAspectButton : UIButton {
    required init?(coder aDecoder: NSCoder) {
        super.init(coder: aDecoder)
        self.imageView?.contentMode = .ScaleAspectFit
    }
}

Eu tive o mesmo problema, mas não consegui fazer funcionar (talvez seja um bug com o SDK).

Eventualmente, como uma solução alternativa, coloquei um UIImageViewatrás do meu botão e defini as opções que eu queria UIButtonnele , então simplesmente coloquei um espaço em branco em cima dele.