今天遇到UIImageView显示问题,查看UIImageView的属性知道,可以通过设置imageView的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,那么更大的边就会被截断。这样达成更好的居中显示效果,完整的代码如下:
1 | UIImage * image = [UIImage imageNamed:@"iamge.pag" ]; |
2 | UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(100, 100, 100, 100 )]; |
3 | imageView.image = image; |
4 | imageView. contentScaleFactor = [[UIScreen mainScreen] scale]; |
5 | imageView.contentMode = UIViewContentModeScaleAspectFill; |
6 | imageView.autoresizingMask = UIViewAutoresizingFlexibleHeight; |
7 | imageView.clipsToBounds = YES; |