Как остановить Изображение от растяжения в UIImageView?

у меня есть UIImageView где я установил размер кадра в x = 0, y = 0, width = 404, height = 712. В моем проекте мне нужно изменить изображение в UIImageView динамически.

Я использую этот код, чтобы изменить изображения: 

self.imageView.image = [UIImage imageNamed:@"setting-image.png"];

проблема в том, когда *.png размер изображения меньше UIImageView размер кадра, изображение растягивается. Я не хочу, чтобы он растягивался. Есть ли способ сделать это?

10 60
ios cocoa-touch uiimage uiimageview stretching

10 ответов:

можно использовать

self.imageView.contentMode = UIViewContentModeScaleAspectFit;

Swift 3:

imageView.contentMode = .scaleAspectFit

или UIViewContentModeCenter/.center, или любой из других режимов, описанных в документация UIView.

126

установка clipsToBounds в сочетании с uiviewcontentmodescaleaspectfit contentMode было то, что сделало трюк для меня. Надеюсь, это кому-то поможет!

imageView.clipsToBounds = YES;
imageView.contentMode = UIViewContentModeScaleAspectFit;
11

использовать contentMode собственность. Вы, наверное, хотите либо UIViewContentModeScaleAspectFit или UIViewContentModeCenter.

5

измените режим UIImage с "масштаб для заполнения" на "центр" в построителе интерфейса. Убедитесь, что ваше изображение нужных размеров.

enter image description here

4

вы должны установить CGSize в качестве ширины и высоты изображения, чтобы изображение не растягивалось, и оно будет располагаться в середине imageview.

- (UIImage *)imageWithImage:(UIImage *)image scaledToFillSize:(CGSize)size
{
    CGFloat scale = MAX(size.width/image.size.width, size.height/image.size.height);
    CGFloat width = image.size.width * scale;
    CGFloat height = image.size.height * scale;
    CGRect imageRect = CGRectMake((size.width - width)/2.0f,
                                  (size.height - height)/2.0f,
                                  width,
                                  height);

    UIGraphicsBeginImageContextWithOptions(size, NO, 0);
    [image drawInRect:imageRect];
    UIImage *newImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return newImage;
}
4

обновление для Swift 3:

imageView.contentMode = .scaleAspectFit
3

изменить contentMode, например:

imageView.contentMode = UIViewContentModeScaleAspectFit;
2

как использовать оригинальный размер изображения - без какой-либо растяжки

  • просто измените режим UIImage от scale to fill до Aspect Fit в построителе интерфейса.

enter image description here

2

использовать это для вашего UIImageView

imageView.contentMode = UIViewContentModeScaleAspectFill;

вы не получите никакого пространства и с сохранением масштаба. Однако какая-то часть изображения будет обрезана.

Если вы используете следующие:

imageView.contentMode = UIViewContentModeScaleAspectFit;

там будет некоторое пустое пространство, но масштаб сохраняется.

1

все еще растягивается, когда изображение больше, чем imageivew

swift

    let qCodeImage = UIImage(named: "qcode-placeholder.png")!      
    let qCodeImageView = UIImageView(frame: CGRectMake(0, 0, CGRectGetWidth(cardView.frame)-30, CGRectGetWidth(cardView.frame)-30))
    qCodeImageView.image = qCodeImage
    qCodeImageView.clipsToBounds = true
    qCodeImageView.contentMode = UIViewContentMode.ScaleToFill
    qCodeImageView.center = cardView.center
0