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

UI基础视图----UIImageView总结相关推荐

iPhone开发教程 UI基础课程（58课时）
qianqianlianmeng iPhone开发教程 UI基础课程(58课时) 第一章 iPhone开发入门 UI基础课程第一章 iPhone开发入门 1.1 iOS概述和架构 ...
iOS从初级到精通就业 UI基础-栾斌-专题视频课程
iOS从初级到精通就业 UI基础-12502人已学习课程介绍本课程涵盖UIKit框架大多数基础常用控件的使用,以及页面跳转,页面传值,可视化编程等项目开发中常用技术. 课程收益 ...
iOS开发UI基础—手写控件，frame，center和bounds属性
iOS开发UI基础-手写控件,frame,center和bounds属性一.手写控件 1.手写控件的步骤 (1)使用相应的控件类创建控件对象 (2)设置该控件的各种属性 (3)添加控件到视图中 (4 ...
IOS开发基础之UI基础的团购源码完整版本
IOS开发基础之UI基础的团购源码完整版本 // // ViewController.m // 17-团购案例 // // Created by 鲁军 on 2021/2/4. //#import & ...
自定义UI 基础知识
系列文章目录 HenCode报名链接:hencoder.ke.qq.com 自定义UI 基础知识自定义UI 绘制饼图自定义UI 圆形头像自定义UI 自制表盘自定义UI 简易图文混排自定义UI ...
iOS10 UI教程视图的绘制与视图控制器和视图
iOS10 UI教程视图的绘制与视图控制器和视图 iOS10 UI视图的绘制 iOS10 UI教程视图的绘制与视图控制器和视图,在iOS中,有很多的绘图应用.这些应用大多是在UIView上进行绘制的. ...
iOS10 UI教程视图的生命周期
iOS10 UI教程视图的生命周期说到视图的生命周期一般都是指视图控制器的视图生命周期.在视图的声明周期中最主要的有8个方法,分别为loadView().viewDidLoad().viewWill ...
iOS10 UI教程视图调试
iOS10 UI教程视图调试 iOS10 UI教程视图调试,当视图很复杂的时候,层次结构就不会很简单了.Xcode可以通过视图(View)调试帮助开发者解决层次结构复杂的问题.视图调试是在Xcode ...
iOS10 UI教程视图和子视图的可见性
iOS10 UI教程视图和子视图的可见性 iOS10 UI教程视图和子视图的可见性,一个父视图可以通过clipsToBounds属性,定义子视图在边界(边界就是父视图的框架也就是父视图可以显示的范围) ...

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

UI基础视图----UIImageView总结相关推荐

最新文章

热门文章