ridimensionare l'immagine in un pulsante UIB per AspectFit?

Voglio aggiungere un'immagine a un UIButton e voglio anche ridimensionare la mia immagine per adattarla al UIButton (rimpicciolire l'immagine). Per favore mostrami come farlo.

Questo è quello che ho provato, ma non funziona:

• Aggiunta di un'immagine al pulsante e utilizzo di setContentMode:

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

• Creazione di una "immagine allungata":

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

Se vuoi davvero ridimensionare un'immagine, fallo, ma dovresti ridimensionarla prima di usarla. Il ridimensionamento in fase di esecuzione perderà solo i cicli della CPU.

Questa è la categoria che sto usando per ridimensionare un'immagine:

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

Puoi usarlo nella dimensione che desideri. Piace :

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

Ho avuto lo stesso problema. Basta impostare il ContentMode di ImageView che si trova all'interno del UIButton.

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

Spero che questo ti aiuti.

Nessuna delle risposte qui ha funzionato davvero per me, ho risolto il problema con il seguente codice:

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

Puoi farlo anche in Interface Builder.

Il modo più semplice per impostare a livello di codice un'immagine UIButton in modalità adattamento aspetto :

Swift

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

Obiettivo-C

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

Nota: puoi modificare .scaleAspectFit (UIViewContentModeScaleAspectFit) in .scaleAspectFill (UIViewContentModeScaleAspectFill) per impostare una modalità di riempimento proporzionale

Ho avuto problemi con l'immagine che non si ridimensionava proporzionalmente, quindi il modo in cui l'ho risolta era usando gli inserti sui bordi.

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

Questo ora può essere fatto tramite le proprietà UIButton di IB. La chiave è impostare la tua immagine come sfondo, altrimenti non funzionerà.

Espandendo la risposta di Dave, puoi impostare il tutto contentModedel pulsante imageViewin IB, senza alcun codice, utilizzando gli attributi di runtime:

• 1significa UIViewContentModeScaleAspectFit,
• 2significherebbe UIViewContentModeScaleAspectFill.

Se desideri semplicemente ridurre l'immagine del pulsante:

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

1 - cancella il testo predefinito del pulsante (importante)

2 - imposta l'allineamento come l'immagine

3 - imposta la modalità contenuto come immagine

Ho un metodo che lo fa per me. Il metodo prende UIButtone adatta l'aspetto dell'immagine.

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

La soluzione più pulita è utilizzare il layout automatico . Ho abbassato la priorità di resistenza alla compressione dei contenutiUIButton e ho impostato l'immagine (non l'immagine di sfondo ) tramite Interface Builder . Successivamente ho aggiunto un paio di vincoli che definiscono le dimensioni del mio pulsante (piuttosto complesso nel mio caso) e ha funzionato a meraviglia.

assicurati di aver impostato l'immagine sulla proprietà Image, ma non sullo sfondo

L'immagine di sfondo può effettivamente essere impostata per ridimensionare il riempimento proporzionale abbastanza facilmente. Ho solo bisogno di fare qualcosa di simile in una sottoclasse di 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

Per Xamarin.iOS (C #):

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

Hai solo bisogno di impostare la modalità del contenuto di UIButton imageview per tre eventi. -

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

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

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

Abbiamo il codice per tre eventi bcoz durante l'evidenziazione o la selezione se la dimensione del pulsante è QUADRATO e la dimensione dell'immagine è rettangolare, quindi mostrerà l'immagine quadrata al momento dell'evidenziazione o della selezione.

Sono sicuro che funzionerà per te.