UIImageView相关用法

ios

UIImageView

1
2
3
4
5
6
7
8
9
10
11
12
13
//初始化
UIImageView  *imageView=[[UIImageView alloc] initWithFrame:CGRectMake(100, 200, 120, 120)];
//需要设置图片 UIImage
//第一种：
[imageView setImage:[UIImage imageNamed:@"1.jpeg"]];
//第二种：
NSString *filePath=[[NSBundle mainBundle] pathForResource:@"1" ofType:@"jpeg"];
UIImage *images=[UIImage imageWithContentsOfFile:filePath];
[imageView setImage:images]; 
//第三种：
NSData *data=[NSData dataWithContentsOfFile:filePath];
UIImage *image2=[UIImage imageWithData:data];
[imageView setImage:image2];

其中第一 二种属于一种，共两种：

  • 用imageNamed的方式加载时，系统会把图像Cache到内存。如果图像比较大，或者图像比较多，用这种方式会消耗很大的内存，而且释放图像的内存是一件相对来说比较麻烦的事情。例如：如果利用imageNamed的方式加载图像到一个动态数组NSMutableArray，然后将将数组赋予一个UIView的对象的animationImages进行逐帧动画，那么这将会很有可能造成内存泄露。并且释放图像所占据的内存也不会那么简单。但是利用imageNamed加载图像也有自己的优势。对于同一个图像系统只会把它Cache到内存一次，这对于图像的重复利用是非常有优势的。例如：你需要在一个TableView里重复加载同样一个图标，那么用imageNamed加载图像，系统会把那个图标Cache到内存，在Table里每次利用那个图像的时候，只会把图片指针指向同一块内存。这种情况使用imageNamed加载图像就会变得非常有效。

  • 利用NSData方式加载时，图像会被系统以数据方式加载到程序。当你不需要重用该图像，或者你需要将图像以数据方式存储到数据库，又或者你要通过网络下载一个很大的图像时，请尽量使用imageWithData的方式加载图像。
    无论用哪种方式加载图像，图像使用结束后，一定要记得显示释放内存。

UIImageView的图片居中问题

在ios中，每一个UIImageView都有他的frame大小，但是如果图片的大小和这个frame的大小不符合的时候,默认情况，图片会被压缩或者拉伸以填满整个区域。

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

imageView.contentMode =  UIViewContentModeCenter;

这个居中是包括了，横向和纵向都是居中。图片不会拉伸或者压缩，就是按照imageView的frame和图片的大小来居中显示的。
这里有两种情况：
1、图片比view的区域更大。这个时候会截取图片的中间部位显示在frame区域里面。
2、图片比view的区域更小。这个时候图片会完整的显示在frame的中间位置。

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

imageView.clipsToBounds  = YES;

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

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

但是用：

imageView.contentMode =  UIViewContentModeCenter;

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

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

imageView.contentMode =  UIViewContentModeScaleAspectFill;

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

1
2
3
4
5
6
7
8
self.image = [[UIImageView alloc]initWithFrame:CGRectMake(padding.left, padding.top, frame.size.width, frame.size.width * 0.65)];
[self.image setImage:[UIImage imageNamed:@"HJZ_UnLoad"]];
self.image.contentMode =  UIViewContentModeCenter;
[self.image setContentScaleFactor:[[UIScreen mainScreen] scale]];
self.image.contentMode =  UIViewContentModeScaleAspectFill;
self.image.autoresizingMask = UIViewAutoresizingFlexibleHeight;
self.image.clipsToBounds = YES;
[self.contentView addSubview:self.image];