UIImageView的基本使用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了UIImageView的基本使用相关的知识,希望对你有一定的参考价值。

  UIImageView,是一个图片的展示框,默认是没有用户交互功能的,如果需要有交互功能,需要自己手动打开 TA 的交互功能。

  好了,话不多说,我们就来看看怎么创建与使用的。

// 初始化
UIImageView *imageView = [[UIImageView alloc] init];
// 设置frame
imageView.frame = CGRectMake(101, 200, 173, 173)];
// 设置一张图片
UIImage *image = [UIImage imageNamed:@"image_photo"];
// 把图片添加到imageView上
imageView.image = image;

  上面的代码是一个创建并添加一张图片的一个最简单的流程,接下来,就是设置圆角与边框的颜色,让iamgeView看起来更加的美观。

// 设置圆角
imageView.layer.masksToBounds = YES;
imageView.layer.cornerRadius = 10;

// 设置边框的颜色和大小
imageView.layer.borderColor = [UIColor blueColor].CGColor;
imageView.layer.borderWidth = 2;

  我们还能设置透明度,设置高亮状态显示的图片。

 // 隐藏或者显示图片
imageView.hidden = YES; 
// 设置透明度
imageView.alpha =0.5;  
// 设置高亮时显示的图片,图片需要自己创建
imageView.highlightedImage = (UIImage *)hightlightedImage;
// 设置正常状态下显示的图片
imageView.image = (UIImage *)image; 

  开头说了,可以为图片添加单机事件,但是一定要手动开启交互功能

// 为iamgeView开启交互功能
imageView.userInteractionEnabled = YES;
// 设置点击事件
UITapGestureRecognizer *tapGestureRecognizer = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(click)];
// 为imageView添加点击事件
[imageView addGestureRecognizer:tapGestureRecognizer];

// 点击事件方法实现,可以选择是否带参数
- (void)click { 
  NSLog(@"我被点击了!");
}

  UIImageView还有一个属性(contentMode),是当图片大小小于UIImageVIew时处理图片的。

// contentMode是用来设置图片的显示方式,TA很多的常量
/*
        UIViewContentModeScaleToFill,
        UIViewContentModeScaleAspectFit,      
        UIViewContentModeScaleAspectFill,    
        UIViewContentModeRedraw,          
        UIViewContentModeCenter,          
        UIViewContentModeTop,
        UIViewContentModeBottom,
        UIViewContentModeLeft,
        UIViewContentModeRight,
        UIViewContentModeTopLeft,
        UIViewContentModeTopRight,
        UIViewContentModeBottomLeft,
        UIViewContentModeBottomRight,
*/
// 这里我们就选择第一个设置
imageView.contentMode = UIViewContentModeScaleAspectFit;

  最后,我们就要让UIImageView从一个相册变成一个“动态图”。

    NSMutableArray *mArr = [NSMutableArray arrayWithCapacity:0];
    for (int i = 1; i < 30; i++) {
        // 获取图片名称,如果png结尾的可以不加上后缀,不然一定要加上后缀,不加后缀系统读取不到图片的
        NSString *picStr = [NSString stringWithFormat:@"test%d", i];
        // 获取每一张图片对象
        UIImage *img = [UIImage imageNamed:picStr];
        [mArr addObject:img];
    }
    
    // 指定做动画的所有图片
    imageView.animationImages = mArr;
 
    // 指定动画时间,动画重复次数
    imageView.animationDuration = 0.3;
    imageView.animationRepeatCount = 0;
    
    // 开启动画
    [imageView startAnimating];

  这是初学者最开始的写法,系统会把图像Cache到内存。如果图像比较大,或者图像比较多,用这种方式会消耗很大的内存,而且释放图像的内存是一件相对来说比较麻烦的事情。所以我们需要换一个方法,这样内存就不会占这么多了。

NSMutableArray *arrayM = [NSMutableArray array];
    for (int i = 0; i < count; i++) {
        NSString *imgName = [NSString stringWithFormat:@"%@_%02d.jpg", imgNames, i];
        // 通过imageNamed: 这种方式加载图片,加载好的图片会一直保存写在内存中,不会释放,这样下次如果再使用同样的图片的时候就不需要再重新加载了,因为内存里面已经有了。缺点就是: 如果加载了大量的图片,那么这些图片会一直保留在内存中,导致应用程序占用内存过大(这就叫缓存)
        // 使用这种方式加载图片,加载图片即便没有强类型指针引用也不会别销毁(会被缓存)
//        UIImage *img = [UIImage imageNamed:imgName];
//         解决: 换一种加载图片的方式,不要使用缓存
        NSString *path = [[NSBundle mainBundle] pathForResource:imgName ofType:nil];
       // 使用下面这种方式加载的图片,只要没有强类型指针引用就会被销毁了
        // 这里的参数不能再传递图片了,这里需要传递一个图片的完整路径
        UIImage *img = [UIImage imageWithContentsOfFile: path];
        [arrayM addObject:img];
    }
    self.imgViewCat.animationImages = arrayM;
    self.imgViewCat.animationDuration = self.imgViewCat.animationImages.count * 0.1;
    self.imgViewCat.animationRepeatCount = 1;
    [self.imgViewCat startAnimating];

  保存路径而不是保存图片这样就能减少内存了。是不是对新手来说又学到啦。

以上是关于UIImageView的基本使用的主要内容,如果未能解决你的问题,请参考以下文章

为啥 UIImageView 不旋转?

崩溃:使用SDWebImage更新UIImageView

使用带有 UIImageView 的 touchesEnded 时遇到问题

kCAFilterNearest 放大过滤器 (UIImageView)

如何设置合适的 UIImageView 大小

c_cpp Robolution基本代码片段