redimensionner l'image dans un UIButton en AspectFit?

Je veux ajouter une image à un UIButton, et je veux également redimensionner mon image pour l'adapter à l'UIButton (réduire l'image). Veuillez me montrer comment faire.

C'est ce que j'ai essayé, mais cela ne fonctionne pas:

• Ajout d'une image au bouton et utilisation setContentMode:

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

• Créer une "image étirée":

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

Si vous voulez vraiment mettre à l'échelle une image, faites-le, mais vous devez la redimensionner avant de l'utiliser. Le redimensionner au moment de l'exécution perdra simplement des cycles CPU.

Voici la catégorie que j'utilise pour redimensionner une image:

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

Vous pouvez l'utiliser à la taille souhaitée. Comme :

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

J'ai eu le même problème. Définissez simplement le ContentMode de ImageView qui se trouve à l'intérieur de l'UIButton.

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

J'espère que cela t'aides.

Aucune des réponses ici n'a vraiment fonctionné pour moi, j'ai résolu le problème avec le code suivant:

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

Vous pouvez également le faire dans Interface Builder.

Le moyen le plus simple de définir par programme une imageView UIButton en mode d' ajustement de l'aspect :

Rapide

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

Objectif c

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

Remarque: vous pouvez changer .scaleAspectFit (UIViewContentModeScaleAspectFit) en .scaleAspectFill (UIViewContentModeScaleAspectFill) pour définir un mode de remplissage d'aspect

J'ai eu des problèmes avec l'image qui ne se redimensionnait pas proportionnellement, donc la façon dont je l'ai corrigée utilisait des encarts de bord.

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

Cela peut maintenant être fait via les propriétés UIButton d'IB. La clé est de définir votre image comme arrière-plan, sinon cela ne fonctionnera pas.

En développant la réponse de Dave, vous pouvez définir tous contentModeles boutons imageViewdans IB, sans aucun code, en utilisant les attributs d'exécution:

• 1signifie UIViewContentModeScaleAspectFit,
• 2signifierait UIViewContentModeScaleAspectFill.

Si vous souhaitez simplement réduire l'image de votre bouton:

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

1 - Effacer le texte par défaut du bouton (important)

2 - définir l'alignement comme l'image

3 - définir le mode de contenu comme l'image

J'ai une méthode qui le fait pour moi. La méthode prend UIButtonet adapte l'aspect de l'image.

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

La solution la plus propre consiste à utiliser la mise en page automatique . J'ai abaissé la priorité de résistance à la compression du contenu de mon UIButtonet défini l'image (pas l'image d' arrière-plan ) via Interface Builder . Après cela, j'ai ajouté quelques contraintes qui définissent la taille de mon bouton (assez complexe dans mon cas) et cela a fonctionné comme un charme.

assurez-vous que vous avez défini l'image sur la propriété Image, mais pas sur l'arrière-plan

L'image d'arrière-plan peut en fait être définie pour mettre à l'échelle le remplissage d'aspect assez facilement. Juste besoin de faire quelque chose comme ça dans une sous-classe 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

Pour Xamarin.iOS (C #):

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

Il vous suffit de définir le mode de contenu de UIButton imageview pour trois événements. -

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

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

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

Nous avons le code pour trois événements bcoz tout en mettant en évidence ou en sélectionnant si la taille du bouton est CARRÉE et la taille de l'image est un rectangle, alors il affichera une image carrée au moment de la mise en évidence ou de la sélection.

Je suis sûr que cela fonctionnera pour vous.