зображення масштабу в UIButton для AspectFit?

Я хочу додати зображення до UIButton, а також хочу масштабувати своє зображення, щоб воно відповідало UIButton (зменшення зображення). Будь ласка, покажіть мені, як це зробити.

Це те, що я спробував, але це не працює:

• Додавання зображення до кнопки та використання setContentMode:

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

• Створення "розтягування зображення":

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

Якщо ви дійсно хочете масштабувати зображення, зробіть це, але перед його використанням слід змінити розмір. Змінення його розміру під час виконання просто втратить цикли процесора.

Це категорія, яку я використовую для масштабування зображення:

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

Ви можете використовувати його до потрібного розміру. Подібно до :

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

У мене була така ж проблема. Просто встановіть ContentMode ImageView, який знаходиться всередині UIButton.

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

Сподіваюся, це допомагає.

Жодна з відповідей тут насправді не працювала для мене, я вирішив проблему за допомогою наступного коду:

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

Ви також можете це зробити у програмі Interface Builder.

Найпростіший спосіб програмно задати UIButton ImageView в пригону аспекту режимі:

Швидкий

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

Ціль-С

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

Примітка. Ви можете змінити .scaleAspectFit (UIViewContentModeScaleAspectFit) на .scaleAspectFill (UIViewContentModeScaleAspectFill), щоб встановити режим заповнення аспектів

У мене виникли проблеми з не пропорційним зміною зображення, тому спосіб, яким я його виправляв, використовував крайові вставки.

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

Тепер це можна зробити за допомогою властивостей UIButton IB. Ключ полягає в тому, щоб встановити зображення як фон, інакше воно не працюватиме.

Розгортаючи відповідь Дейва, ви можете встановити всі contentModeкнопки imageViewв IB, без будь-якого коду, використовуючи атрибути виконання:

• 1 засоби UIViewContentModeScaleAspectFit ,
• 2означало б UIViewContentModeScaleAspectFill.

Якщо ви просто хочете зменшити зображення кнопки:

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

1 - очистити текст за замовчуванням кнопки (важливо)

2 - встановити вирівнювання як зображення

3 - встановити режим вмісту, як зображення

У мене є метод, який робить це для мене. Метод сприймає UIButtonі робить аспект зображення відповідним.

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

Найчистішим рішенням є використання автоматичного макета . Я знизив свій пріоритет на опір стисненню вмістуUIButton і встановив зображення (не фонове зображення ) за допомогою Interface Builder . Після цього я додав пару обмежень, які визначають розмір моєї кнопки (в моєму випадку досить складний), і це спрацювало як шарм.

переконайтеся, що ви встановили зображення для властивості Image, але не для фону

Фонове зображення насправді можна встановити для масштабного заповнення аспекту досить легко. Просто потрібно зробити щось подібне у підкласі 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;
}

Швидкий 5.0

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

Для Xamarin.iOS (C #):

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

Вам просто потрібно встановити вміст режиму перегляду зображень UIButton на три події. -

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

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

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

У нас є код на три події bcoz під час підкреслення або вибору, якщо розмір кнопки - SQUARE, а розмір зображення - прямокутник, то він буде показувати квадратне зображення під час виділення або вибору.

Я впевнений, що це буде працювати для вас.