UIVIew进阶-常用控件（三）：UIImageView

imageView提供了一个显示单个或者动态显示多个图片对象的容器。对于动画图像，UIImageView提供了周期和频率的控制。当imageView对象显示单个图像时，其实际行为是基于image属性和视图。如果图像的leftCapWitdth(水平end-cap大小)和topCapHeight（垂直end-cap大小）非0，则图像会根据这些属性进行延伸。否则，图像根据视图的contentMode属性进行大小、比例和位置的适应调整。推荐使用相同大小的图片，如果大小不同，每一个都会分别的适应contentMode模式。

基础

提升image view的性能

由于imagView在组成图像时，图像的比例和透明度都有非常大的开销。为了提高性能，应该进行如下操作：

尽可能的提供预定大小的图像。例如：如果需要一个大图像频繁的现实缩略图，应该考虑将缩略图存放的cache中。
限制图片大小。
如果不必要，取消透明度混合。

NOTE

如果希望子类化UIImageView，应该意识到以下的行为：

UIImageView已经优化了图片的显示。UIImageView没有调用子类的drawRect:方法。如果子类希望自定义绘制代码，应该子类化UIVIew
新的imageView对象默认配置为忽略用户事件。如果希望处理UIImageView子类的自定义事件，必须将userInteractionEnabled的变量设置为YES。

初始化对象

-(id)initWithImage:(UIImage *)image
返回一个通过指定图片初始化的UIImageView对象

-(id)initWithImage:(UIImage *)image highlightedImage:(UIImage *)highlightedImage
返回一个通过正常图片以及强调图片初始化的UIImageView对象

图像数据

@property (nonatomic, retain)UIImage * image
在imageView正常状态时显示的图像

@property (nonatomic, retain) UIImage * highlightedImage
在imageView在强调状态时显示的图像

动画图像

@property (nonatomic,copy) NSArray * animationImages
用于动画使用的图像数组

@property (nonatomic, copy) NSArray * highlightedAnimationImages
强调状态时用于动画使用的图像数组

@property (nonatomic) NSTimeInterval animationDuration
一个图像周期花费的时间，单位为秒。该属性的默认值为(图片数 * 1/30 s)。

@property (nonatomic) NSInteger animationRepeatCount
动画重复的次数

-(void)startAnimating
开始receiver中的图像动画

-(void)stopAnimating
停止receiver中的图像动画

-(BOOL)isAnimating
表示当前动画是否运行

设置与获得属性

@property (nonatomic, getter=isUserInteractionEnabled) BOOL userInteractionEnabled
表示是否忽略用户事件，将其从事件队列中移除。该属性从UIVIew中继承。

@property (nonatomic, getter=isHighlighted) BOOL highlighted
决定当前image是否为强调状态。

@property (nonatomic, retain) UIColor * tintColor
在视图层次结构中色彩模板图像使用的颜色。具体参考renderingMode

实践

基础

定义一个图像视图，为视图定义两种状态，即：正常状态下的图片和强调状态下的图片

代码片段>>

-(void) initStaticIamgeView:(int)x yCoordinate:(int)y{
staticImageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"image1.png"] highlightedImage:[UIImage imageNamed:@"image2.png"]];
staticImageView.frame = CGRectMake(x, y, 320, 213);

[self.view addSubview:staticImageView];
}

显示效果>>

进阶

定义一个图像视图，显示一组动画。

代码片段>>

-(void) initAnimatedImageView:(int)x yCoordinate:(int)y{
animatedImageView = [[UIImageView alloc] initWithFrame:CGRectMake(x, y, 320, 213)];
animatedImageView.animationImages = [[NSArray alloc] initWithObjects:[UIImage imageNamed:@"image1.png"],
[UIImage imageNamed:@"image2.png"],
[UIImage imageNamed:@"image3.png"],
[UIImage imageNamed:@"image4.png"],
[UIImage imageNamed:@"image5.png"],
[UIImage imageNamed:@"image6.png"],
nil];
//若是不设置动画周期，由于默认为1/30 s显示一个图片，会显示的非常快。
animatedImageView.animationDuration = 6; //设置后，每s显示一个图片

//设置动画循环的周期数,当动画循环结束之后，图像将会消失
animatedImageView.animationRepeatCount = 1;

[animatedImageView startAnimating];
[self.view addSubview:animatedImageView];
}