Как пропорционально масштабировать UIImageView?

Question

Как пропорционально масштабировать UIImageView?

У меня есть UIImageView, и цель состоит в том, чтобы пропорционально уменьшить его, задав ему высоту или ширину.

UIImage *image = [[UIImage alloc] initWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:@"http://farm4.static.flickr.com/3092/2915896504_a88b69c9de.jpg"]]];
UIImageView *imageView = [[UIImageView alloc] initWithImage:image]; 

//Add image view
[self.view addSubview:imageView];   

//set contentMode to scale aspect to fit
imageView.contentMode = UIViewContentModeScaleAspectFit;

//change width of frame
CGRect frame = imageView.frame;
frame.size.width = 100;
imageView.frame = frame;

Изображение действительно было изменено, но позиция не в левом верхнем углу. Каков наилучший подход к масштабированию image/imageView и как мне исправить положение?

349

objective-c cocoa-touch

Источник

user1987 09 окт '08 в 01:58

17 ответов

Другие вопросы по тегам objective-c cocoa-touch

user277445 20 фев '10 в 00:29 2010-02-20 00:29 · Answer 1 · 2010-02-20 00:29

Исправлено легко, как только я нашел документацию!

 imageView.contentMode = UIViewContentModeScaleAspectFit;

547

Источник

user277445 20 фев '10 в 00:29

user332578 08 янв '13 в 17:22 2013-01-08 17:22 · Answer 2 · 2013-01-08 17:22

Я немного поговорил о типах масштабирования, поэтому решил составить статью о некоторых наиболее популярных типах масштабирования в режиме контента.

Связанное изображение здесь:

403

Источник

user332578 08 янв '13 в 17:22

user63994 11 фев '09 в 16:44 2009-02-11 16:44 · Answer 3 · 2009-02-11 16:44

Я только что попробовал это, и UIImage не поддерживает _imageScaledToSize.

В итоге я добавил метод в UIImage, используя категорию - предложение, которое я нашел на форумах Apple Dev.

В рамках всего проекта.h -

@interface UIImage (Extras)
- (UIImage *)imageByScalingProportionallyToSize:(CGSize)targetSize;
@end;

Реализация:

@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) == NO) {

        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:

    UIGraphicsBeginImageContext(targetSize);

    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;

user1716918 11 дек '12 в 07:16 2012-12-11 07:16 · Answer 4 · 2012-12-11 07:16

imageView.contentMode = UIViewContentModeScaleAspectFill;
imageView.clipsToBounds = YES;

39

Источник

user1716918 11 дек '12 в 07:16

user20685 09 окт '08 в 04:10 2008-10-09 04:10 · Answer 5 · 2008-10-09 04:10

Вы можете попробовать сделать imageView размер соответствует image, Следующий код не проверен.

CGSize kMaxImageViewSize = {.width = 100, .height = 100};
CGSize imageSize = image.size;
CGFloat aspectRatio = imageSize.width / imageSize.height;
CGRect frame = imageView.frame;
if (kMaxImageViewSize.width / aspectRatio <= kMaxImageViewSize.height) 
{
    frame.size.width = kMaxImageViewSize.width;
    frame.size.height = frame.size.width / aspectRatio;
} 
else 
{
    frame.size.height = kMaxImageViewSize.height;
    frame.size.width = frame.size.height * aspectRatio;
}
imageView.frame = frame;

user1662751 07 окт '16 в 16:13 2016-10-07 16:13 · Answer 6 · 2016-10-07 16:13

Это прекрасно работает для меня Swift 2.x:

imageView.contentMode = .ScaleAspectFill
imageView.clipsToBounds = true;

14

Источник

user1662751 07 окт '16 в 16:13

user78336 25 май '11 в 14:55 2011-05-25 14:55 · Answer 7 · 2011-05-25 14:55

Таким образом можно изменить размер UIImage

image = [UIImage imageWithCGImage:[image CGImage] scale:2.0 orientation:UIImageOrientationUp];

13

Источник

user78336 25 май '11 в 14:55

user1856717 03 апр '15 в 03:31 2015-04-03 03:31 · Answer 8 · 2015-04-03 03:31

Установите ImageView, выбрав Mode для Aspect Fill и проверить Clip Subviews коробка.

13

Источник

user1856717 03 апр '15 в 03:31

user396429 15 июн '11 в 18:10 2011-06-15 18:10 · Answer 9 · 2011-06-15 18:10

UIImage *image = [[UIImage alloc] initWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:@"http://farm4.static.flickr.com/3092/2915896504_a88b69c9de.jpg"]]];
UIImageView *imageView = [[UIImageView alloc] initWithImage:image]; 


//set contentMode to scale aspect to fit
imageView.contentMode = UIViewContentModeScaleAspectFit;

//change width of frame
//CGRect frame = imageView.frame;
//frame.size.width = 100;
//imageView.frame = frame;

//original lines that deal with frame commented out, yo.
imageView.frame = CGRectMake(10, 20, 60, 60);

...

//Add image view
[myView addSubview:imageView];

Исходный код, размещенный сверху, хорошо работал для меня в iOS 4.2.

Я обнаружил, что создание CGRect и указание всех значений top, left, width и height было самым простым способом отрегулировать положение в моем случае, который использовал UIImageView внутри ячейки таблицы. (Еще нужно добавить код для освобождения объектов)

user5722289 16 дек '16 в 09:37 2016-12-16 09:37 · Answer 10 · 2016-12-16 09:37

Установите свой UIimageview по шкале.........

12

Источник

user5722289 16 дек '16 в 09:37

user2181124 17 сен '15 в 09:33 2015-09-17 09:33 · Answer 11 · 2015-09-17 09:33

Для Свифта:

self.imageViews.contentMode = UIViewContentMode.ScaleToFill

7

Источник

user2181124 17 сен '15 в 09:33

user3013992 20 ноя '13 в 16:22 2013-11-20 16:22 · Answer 12 · 2013-11-20 16:22

UIImageView + Scale.h:

#import <Foundation/Foundation.h>

@interface UIImageView (Scale)

-(void) scaleAspectFit:(CGFloat) scaleFactor;

@end

UIImageView + Scale.m:

#import "UIImageView+Scale.h"

@implementation UIImageView (Scale)


-(void) scaleAspectFit:(CGFloat) scaleFactor{

    self.contentScaleFactor = scaleFactor;
    self.transform = CGAffineTransformMakeScale(scaleFactor, scaleFactor);

    CGRect newRect = self.frame;
    newRect.origin.x = 0;
    newRect.origin.y = 0;
    self.frame = newRect;
}

@end

user2397068 05 янв '17 в 01:04 2017-01-05 01:04 · Answer 13 · 2017-01-05 01:04

Если предложенные здесь решения не работают для вас, и ваш актив изображения на самом деле представляет собой PDF, обратите внимание, что XCode фактически обрабатывает PDF-файлы иначе, чем файлы изображений. В частности, он не может масштабироваться для правильного заполнения PDF-файлом: вместо этого он становится мозаичным. Это сводило меня с ума, пока я не понял, что проблема была в формате PDF. Преобразование в JPG, и вы должны быть в порядке.

user4767429 25 фев '16 в 08:08 2016-02-25 08:08 · Answer 14 · 2016-02-25 08:08

Я использовал следующий код. Где imageCoverView это UIView содержит UIImageView

if (image.size.height<self.imageCoverView.bounds.size.height && image.size.width<self.imageCoverView.bounds.size.width)
{
    [self.profileImageView sizeToFit];
    self.profileImageView.contentMode =UIViewContentModeCenter
}
else
{
    self.profileImageView.contentMode =UIViewContentModeScaleAspectFit;
}

2

Источник

user4767429 25 фев '16 в 08:08

user1894067 25 фев '16 в 08:17 2016-02-25 08:17 · Answer 15 · 2016-02-25 08:17

Обычно я использую этот метод для своих приложений (Swift 2.x совместимый):

// Resize UIImage
func resizeImage(image:UIImage, scaleX:CGFloat,scaleY:CGFloat) ->UIImage {
    let size = CGSizeApplyAffineTransform(image.size, CGAffineTransformMakeScale(scaleX, scaleY))
    let hasAlpha = true
    let scale: CGFloat = 0.0 // Automatically use scale factor of main screen

    UIGraphicsBeginImageContextWithOptions(size, !hasAlpha, scale)
    image.drawInRect(CGRect(origin: CGPointZero, size: size))

    let scaledImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()
    return scaledImage
}

user26359 09 окт '08 в 03:04 2008-10-09 03:04 · Answer 16 · 2008-10-09 03:04

Я думаю, что вы можете сделать что-то вроде

image.center = [[imageView window] center];

0

Источник

user26359 09 окт '08 в 03:04

user26728 10 окт '08 в 22:17 2008-10-10 22:17 · Answer 17 · 2008-10-10 22:17

Вот как вы можете легко его масштабировать.

Это работает в 2.x с симулятором и iPhone.

UIImage *thumbnail = [originalImage _imageScaledToSize:CGSizeMake(40.0, 40.0) interpolationQuality:1];

-3

Источник

user26728 10 окт '08 в 22:17