uiimageView 的图片拉伸问题的解决办法

最新推荐文章于 2024-08-26 07:36:45 发布

IT_WolfHong

最新推荐文章于 2024-08-26 07:36:45 发布

阅读量3.2k

点赞数

分类专栏： ios 文章标签： uiimageview 图片变形

本文链接：https://blog.csdn.net/Wolf_Hong/article/details/72843537

版权

ios 专栏收录该内容

58 篇文章 0 订阅

订阅专栏

设置 UIImageView 的contentMode属性，根据自己的需要选择下面

 UIViewContentModeScaleToFill,

    UIViewContentModeScaleAspectFit,      // 原比例，不变形，

    UIViewContentModeScaleAspectFill,     // 等比例填充

    UIViewContentModeRedraw,              // redraw on bounds change (calls -setNeedsDisplay)

    UIViewContentModeCenter,              // contents remain same size. positioned adjusted.

    UIViewContentModeTop,

    UIViewContentModeBottom,

    UIViewContentModeLeft,

    UIViewContentModeRight,

    UIViewContentModeTopLeft,

    UIViewContentModeTopRight,

    UIViewContentModeBottomLeft,

    UIViewContentModeBottomRight,

我们都知道在iOS中，每一个UIImageView都有他的frame大小，但是如果图片的大小和这个frame的大小不符合的时候会怎么样呢？在默认情况，图片会被压缩或者拉伸以填满整个区域。

通过查看UIView的属性可以知道，view的contentMode属性可以用来控制图片的显示情况。下面的设置可以让图片进行居中显示。
1

imageView.contentMode =  UIViewContentModeCenter;

这个居中是包括了，横向和纵向都是居中。图片不会拉伸或者压缩，就是按照imageView的frame和图片的大小来居中显示的。

这里有两种情况：

1、图片比view的区域更大。这个时候会截取图片的中间部位显示在frame区域里面。

2、图片比view的区域更小。这个时候图片会完整的显示在frame的中间位置。

如果在默认情况，图片的多出来的部分还是会显示屏幕上。如果不希望超过frame的区域显示在屏幕上要设置。clipsToBounds属性。
1

imageView.clipsToBounds  = YES;

最后一个问题，在iphone的retina屏幕上面，必须要设置，contentScaleFactor属性。这个属性的默认值是1。二对应的retina屏幕需要是2.可以通过下面的方式来设置：
1

    [imageView setContentScaleFactor:[[UIScreen mainScreen] scale]];

但是用：
1

    imageView.contentMode =  UIViewContentModeCenter;

也有他的问题，就是在图片不规则的时候，而且图片的宽或者高比frame的宽高更小的时候，会出现空白的情况。

为了解决这种问题可以设置:
1

    imageView.contentMode =  UIViewContentModeScaleAspectFill;

这样图片会拉伸或者压缩以适应frame的边界，而且是适应更小的边，这样可以达成的效果是，图片适应最小的边铺开显示，更大的边会超出frame，如果设置了clipsToBounds属性为YES，那么更大的边就会被截断。这样达成更好的居中显示效果，完整的代码如下：
view source

1
    UIImage *pic = [ UIImage imageNamed:@"IMG_0404.PNG"];
2
    UIImageView *imageView   = [[UIImageView alloc] initWithFrame:CGRectMake(20, 20, 240, 100 )];
3
    [imageView setImage:pic];
4
    [imageView setContentScaleFactor:[[UIScreen mainScreen] scale]];
5
    imageView.contentMode =  UIViewContentModeScaleAspectFill;
6
    imageView.autoresizingMask = UIViewAutoresizingFlexibleHeight;
7
    imageView.clipsToBounds  = YES;