UI基础视图----UIImageView总结

　　UIImageView和UILabel一样，也是UIKit框架中非常常用的视图类。继承关系和UILabel完全一致（都是继承于UIView），功能也相似（用户交互都默认为关，主要用于展示），只不过UIImageView用于展示图片，UILabel用于展示文字。

　　UIImageView主要用于展示两种图片，一种是静态图片，也是最基础的用法，另一种是动态图片（一组图片产生的动画效果）。所以UIImageView除了可以使用从UIView继承下来的动画效果外，还可以使用自己的动画效果（显然自己的更常用）。

　　所以，UIImageView主要功能就是展示图片，展示类型有两种，一种是单独一张图片（静态），一种是一组图片（动态），可以使用UIImageView制作一个gif动图。

0：准备图片

　　首先添加三张本地图片

1 /**
2  *  0：准备图片
3  */
4 - (void)prepareImage
5 {
6     self.image1 = [UIImage imageNamed:@"apple1"];
7     self.image2 = [UIImage imageNamed:@"apple2"];
8     self.image3 = [UIImage imageNamed:@"apple3"];
9 }

 

1：静态图片展示

　　静态图片其实就是给UIImageView的image属性赋值。

　　注意：在实例化UIImageView的时候，使用initWithImage:进行实例化，或者后面设置image属性，而不再设置imageView的frame，imageView直接使用image的frame，那么，有两种情况：一是image本身比较小，那么就会按照image的frame大小显示。而如果image的frame太大，可能就会不显示，遇到这个问题可以使用frame初始化再设置属性image。

 1 /**
 2  *  1：静态图片展示
 3  */
 4 - (void)staticImageShow
 5 {
 6     //1：UIImageView自己独有的初始化方法
 7     self.imageView1 = [[UIImageView alloc] initWithImage:self.image1];
 8     //2：这里imageView1的frame如果不设置，imageView1的frame就会默认为image1的frame，（在image1的frame小于屏幕的情况下），根据需要设置
 9     self.imageView1.frame = CGRectMake(100, 100, 100, 100);//设置frame属性，从UIView继承过来的属性
10     self.imageView1.image = self.image2;//imageView1的图片可以通过image后期进行设置
11     //3：用户交互属性
12     self.imageView1.userInteractionEnabled = YES;//，默认是NO，如果需要加手势要设置为YES
13     [self.view addSubview:self.imageView1];//父视图来添加子视图
14 }

 

2：动态图片展示

　　其实就是加了一组图片到数组里，然后设置动画时间和重复次数，然后开启动画。

　　注意：动画必须手动开启。

 1 /**
 2  *  2：动态图片展示
 3  */
 4 - (void)dynamicImageShow
 5 {
 6     //1：使用从UIView继承来的方法实例化
 7     self.imageView2 = [[UIImageView alloc] initWithFrame:CGRectMake(100, 300, 100, 100)];
 8     //2：设置属性animationImages，是一个数组
 9     self.imageView2.animationImages = @[self.image1, self.image2, self.image3];
10     self.imageView2.animationRepeatCount = 100;//动画重复次数，默认是0（切记：0是无穷大），默认会无限重复
11     self.imageView2.animationDuration = 1;//设置一次动画持续的时间。
12     [self.imageView2 startAnimating];//开启动画，动画必须手动开启
13 //    [self.imageView2 stopAnimating];//关闭动画，可以在需要的时候手动关闭
14     [self.view addSubview:self.imageView2];
15 }

 

最终显示效果为：上面一张静态图，下面一张类似于gif的动态图。

转载于:https://www.cnblogs.com/zhangys/p/5057425.html