Выравнивание UIImageView с Aspect Fit - PullRequest
Новая
       29

Выравнивание UIImageView с Aspect Fit

71 голосов
/ 17 июля 2010

для моего UIImageView Я выбираю Aspect Fit (InterfaceBuilder), но как я могу изменить вертикальное выравнивание?

Ответы [ 11 ]

0 голосов
/ 13 июня 2012

Я решил это путем создания подкласса UIImageView и переопределения метода setImage :.Подкласс сначала сохранит свои исходные значения для источника и размера, чтобы он мог использовать исходный размер набора в качестве ограничивающего прямоугольника.

Я установил режим содержимого на UIViewContentModeAspectFit.Внутри setImage: я взял соотношение ширины и высоты изображения, а затем изменил размер изображения, чтобы оно соответствовало тому же отношению, что и изображение.После изменения размера я настроил свойства своего кадра, чтобы установить вид изображения в том же месте, где он был раньше, а затем вызвал супер setImage:.

В результате этого в окне просмотра изображения кадр настраивается в соответствии сизображение точно, так что аспектное выравнивание работает, и свойства рамки представления изображения делают большую работу, помещая представление изображения туда, где оно должно быть, чтобы получить тот же эффект.

Вот код, который я использовал:

Прежде всего, и я нахожу это довольно полезным в целом, это категория в UIView, которая позволяет легко устанавливать свойства фрейма в представлении с помощью таких свойств, как left, right, top, bottom, width, height и т. Д.

UIImageView + FrameAdditions 

@interface UIView (FrameAdditions)

@property CGFloat left, right, top, bottom, width, height;
@property CGPoint origin;

@end

@implementation UIView (FrameAdditions)

- (CGFloat)left {
    return self.frame.origin.x;
}

- (void)setLeft:(CGFloat)left {
    self.frame = CGRectMake(left, self.frame.origin.y, self.frame.size.width, self.frame.size.height);
}

- (CGFloat)right {
    return self.frame.origin.x + self.frame.size.width;
}

- (void)setRight:(CGFloat)right {
    self.frame = CGRectMake(right - self.frame.size.width, self.frame.origin.y, self.frame.size.width, self.frame.size.height);
}

- (CGFloat)top {
    return self.frame.origin.y;
}

- (void)setTop:(CGFloat)top {
    self.frame = CGRectMake(self.frame.origin.x, top, self.frame.size.width, self.frame.size.height);
}

- (CGFloat)bottom {
    return self.frame.origin.y + self.frame.size.height;
}

- (void)setBottom:(CGFloat)bottom {
    self.frame = CGRectMake(self.frame.origin.x, bottom - self.frame.size.height, self.frame.size.width, self.frame.size.height);
}

- (CGFloat)width {
    return self.frame.size.width;
}

- (void)setWidth:(CGFloat)width {
    self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, width, self.frame.size.height);
}

- (CGFloat)height {
    return self.frame.size.height;
}

- (void)setHeight:(CGFloat)height {
    self.frame = CGRectMake(self.frame.origin.x, self.frame.origin.y, self.frame.size.width, height);
}

- (CGPoint)origin {
    return self.frame.origin;
}

- (void)setOrigin:(CGPoint)origin {
    self.frame = CGRectMake(origin.x, origin.y, self.frame.size.width, self.frame.size.height);
}

@end

Это подкласс UIImageView.Это не полностью проверено, но должно донести идею.Это может быть расширено, чтобы установить ваши собственные новые режимы для выравнивания.

BottomCenteredImageView 

@interface BottomCenteredImageView : UIImageView

@end


@interface BottomCenteredImageView() {
    CGFloat originalLeft;
    CGFloat originalBottom;
    CGFloat originalHeight;
    CGFloat originalWidth;
}

@end

@implementation BottomCenteredImageView

- (id)initWithFrame:(CGRect)frame {
    self = [super initWithFrame:frame];
    if(self) {
        [self initialize];
    }
    return self;
}

- (void)awakeFromNib {
    [self initialize];
}

- (void)initialize {
    originalLeft = self.frame.origin.x;
    originalHeight = CGRectGetHeight(self.frame);
    originalWidth = CGRectGetWidth(self.frame);
    originalBottom = self.frame.origin.y + originalHeight;
}

- (void)setImage:(UIImage *)image {
    if(image) {
        self.width = originalWidth;
        self.height = originalHeight;
        self.left = originalLeft;
        self.bottom = originalBottom;

        float myWidthToHeightRatio = originalWidth/originalHeight;
        float imageWidthToHeightRatio = image.size.width/image.size.height;
        if(myWidthToHeightRatio >= imageWidthToHeightRatio) {
            // Calculate my new width
            CGFloat newWidth = self.height * imageWidthToHeightRatio;
            self.width = newWidth;
            self.left = originalLeft + (originalWidth - self.width)/2;
            self.bottom = originalBottom;
        } else {
            // Calculate my new height
            CGFloat newHeight = self.width / imageWidthToHeightRatio;
            self.height = newHeight;
            self.bottom = originalBottom;
        }
        self.contentMode = UIViewContentModeScaleAspectFit;
        [super setImage:image];
    } else {
        [super setImage:image];
    }
}

@end
Страница:
...