UIImageView方面适合和居中


182

我有一个以编程方式声明的图像视图,并且正在以编程方式设置其图像。

但是,我发现自己无法将图像设置为既适合纵横比又使中心与图像视图对齐。

换句话说,我希望图像能够:

  • 如果图像较大,请缩小以适合外观。
  • 如果图像较小,请居中但不要放大。

我怎么得到的?


19
[yourImageView setContentMode:UIViewContentModeCenter]; 并确定imageView Frame是否大于图像帧。如果不是,则放置[yourImageView setContentMode:UIViewContentModeAspectToFit];
Manohar Perepa 2013年

1
如果其他条件花花公子@RyanPoolos
Manohar Perepa

Answers:


205

只需粘贴解决方案:

就像@manohar说的

imageView.contentMode = UIViewContentModeCenter;
if (imageView.bounds.size.width > ((UIImage*)imagesArray[i]).size.width && imageView.bounds.size.height > ((UIImage*)imagesArray[i]).size.height) {
       imageView.contentMode = UIViewContentModeScaleAspectFit;
}

解决了我的问题


7
查找图像的更短方法更小:CGRectContainsRect(imageView.bounds, {CGPointZero, image.size})
CFR 2014年

@Cfr可能更短一些,但不那么可读。同时,我建议用if语句这样的分割线:CGSize imageSize = ((UIImage*)imagesArray[i]).size;CGSize viewSize = imageView.bounds.sizeif (viewSize.width > imageSize.width && viewSize.height > imageSize.height) {
Timur Bernikovich

1
应该是UIViewContentModeScaleAspectFit
NoelHunter

imageView.contentMode = UIViewContentModeScaleAspectFit;
Arjay Waran

74

我们可以使用快速语言设置UIImage视图的内容模式,如下所示:

let newImgThumb = UIImageView(frame: CGRect(x: 10, y: 10, width: 100, height: 100))
newImgThumb.contentMode = .scaleAspectFit

2
如果图像小于图像视图,则会放大图像,这与OP的要求相反。
fishinear

17

迅速

yourImageView.contentMode = .center

您可以使用以下选项来定位图像:

  • scaleToFill
  • scaleAspectFit //内容按比例缩放以适合固定的方面。其余部分是透明的
  • redraw //重绘边界更改(调用-setNeedsDisplay)
  • center//内容保持相同大小。调整位置。
  • top
  • bottom
  • left
  • right
  • topLeft
  • topRight
  • bottomLeft
  • bottomRight

12

更新的答案

当我最初在2014年回答此问题时,没有要求在图像较小的情况下不按比例放大图像。(该问题在2015年进行了编辑。)如果您有这样的要求,您确实需要将图像的大小与imageView的大小进行比较,并UIViewContentModeCenter在图像小于imageView的情况下使用UIViewContentModeScaleAspectFit其他任何一种情况。

原始答案

设置imageView的contentMode UIViewContentModeScaleAspectFit对我来说已经足够。它似乎也使图像居中。我不确定为什么其他人使用基于图像的逻辑。另请参阅以下问题:iOS方面适合和居中


1
如果图像小于图像视图,则会放大图像,这与OP的要求相反。
fishinear

1
@fishinear我回答它一年后,这个问题就增加了关于不按比例放大图像的要求:stackoverflow.com/posts/15499376/revisions
Nate Cook

10

我这样解决了这个问题。

  1. setImage到UIImageView(带有UIViewContentModeScaleAspectFit
  2. 获取imageSize (CGSize imageSize = imageView.image.size)
  3. UIImageView 调整大小。 [imageView sizeThatFits:imageSize]
  4. 将位置移动到所需位置。

我想将UIView放在的顶部中心UICollectionViewCell。因此,我使用了此功能。

- (void)setImageToCenter:(UIImageView *)imageView
{
    CGSize imageSize = imageView.image.size;
    [imageView sizeThatFits:imageSize];
    CGPoint imageViewCenter = imageView.center;
     imageViewCenter.x = CGRectGetMidX(self.contentView.frame);
    [imageView setCenter:imageViewCenter];
}

这个对我有用。


8

如果图像不大于视图,则此子类使用center,否则将按比例缩小。我发现这对UIImageView更改大小。

它显示的图像小于大尺寸视图,但大于小尺寸视图。我只希望缩小比例,而不希望放大比例。

class CenterScaleToFitImageView: UIImageView {
    override var bounds: CGRect {
        didSet {
            adjustContentMode()
        }
    }

    override var image: UIImage? {
        didSet {
            adjustContentMode()
        }
    }

    func adjustContentMode() {
        guard let image = image else {
            return
        }
        if image.size.width > bounds.size.width ||
            image.size.height > bounds.size.height {
            contentMode = .ScaleAspectFit
        } else {
            contentMode = .Center
        }
    }
}

8

您可以通过将图像视图的内容模式设置为UIViewContentModeScaleAspectFill来实现。

然后使用以下方法获取大小调整后的uiimage对象。

- (UIImage*)setProfileImage:(UIImage *)imageToResize onImageView:(UIImageView *)imageView
{
    CGFloat width = imageToResize.size.width;
    CGFloat height = imageToResize.size.height;
    float scaleFactor;
    if(width > height)
    {
        scaleFactor = imageView.frame.size.height / height;
    }
    else
    {
        scaleFactor = imageView.frame.size.width / width;
    }

    UIGraphicsBeginImageContextWithOptions(CGSizeMake(width * scaleFactor, height * scaleFactor), NO, 0.0);
    [imageToResize drawInRect:CGRectMake(0, 0, width * scaleFactor, height * scaleFactor)];
    UIImage *resizedImage = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();

    return resizedImage;
}

在这里编辑(快速版)

func setProfileImage(imageToResize: UIImage, onImageView: UIImageView) -> UIImage
{
    let width = imageToResize.size.width
    let height = imageToResize.size.height

    var scaleFactor: CGFloat

    if(width > height)
    {
        scaleFactor = onImageView.frame.size.height / height;
    }
    else
    {
        scaleFactor = onImageView.frame.size.width / width;
    }

    UIGraphicsBeginImageContextWithOptions(CGSizeMake(width * scaleFactor, height * scaleFactor), false, 0.0)
    imageToResize.drawInRect(CGRectMake(0, 0, width * scaleFactor, height * scaleFactor))
    let resizedImage = UIGraphicsGetImageFromCurrentImageContext()
    UIGraphicsEndImageContext()

    return resizedImage;
}

7
[your_imageview setContentMode:UIViewContentModeCenter];

17
这将忽略缩放比例
Skrew 2014年

1
我不知道为什么这样的解决方案会有这么多的反对。这个人显然根本没有读过这个问题。

7
let bannerImageView = UIImageView();
bannerImageView.contentMode = .ScaleAspectFit;
bannerImageView.frame = CGRectMake(cftX, cftY, ViewWidth, scrollHeight);

如果图像小于图像视图,则会放大图像,这与OP的要求相反。
fishinear

2

对于需要调整UIImage大小的用户,

@implementation UIImage (Resize)

- (UIImage *)scaledToSize:(CGSize)size
{
    UIGraphicsBeginImageContextWithOptions(size, NO, 0.0f);
    [self drawInRect:CGRectMake(0.0f, 0.0f, size.width, size.height)];
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return image;
}

- (UIImage *)aspectFitToSize:(CGSize)size
{
    CGFloat aspect = self.size.width / self.size.height;
    if (size.width / aspect <= size.height)
    {
        return [self scaledToSize:CGSizeMake(size.width, size.width / aspect)];
    } else {
        return [self scaledToSize:CGSizeMake(size.height * aspect, size.height)];
    }
}

- (UIImage *)aspectFillToSize:(CGSize)size
{
    CGFloat imgAspect = self.size.width / self.size.height;
    CGFloat sizeAspect = size.width/size.height;

    CGSize scaledSize;

        if (sizeAspect > imgAspect) { // increase width, crop height
            scaledSize = CGSizeMake(size.width, size.width / imgAspect);
        } else { // increase height, crop width
            scaledSize = CGSizeMake(size.height * imgAspect, size.height);
        }
    UIGraphicsBeginImageContextWithOptions(size, NO, 0.0f);
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextClipToRect(context, CGRectMake(0, 0, size.width, size.height));
    [self drawInRect:CGRectMake(0.0f, 0.0f, scaledSize.width, scaledSize.height)];
    UIImage *image = UIGraphicsGetImageFromCurrentImageContext();
    UIGraphicsEndImageContext();
    return image;
}

@end
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.