这篇文章主要为大家详细介绍了IOS UI学习教程之使用UIImageView控件制作动画,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了IOS使用UIImageView控件制作动画的方法,供大家参考,具体内容如下
先添加40张tomcat的图片到资源列表中:名称为cat_eat0000.jpg到cat_eat0039.jpg。
1、定义所需控件
// 定义按钮,图片控件、可变数组对象
UIButton *actionbuttom;
UIImageView *imageMove;
NSMutableArray *imgsarray;
2、初始化各控件
// image动画
// 初始化UIImageView,大小和View的大小相同
imageMove = [[UIImageView alloc]initWithFrame:self.view.frame];
// 设置UIImageView的初始化图片
imageMove.image = [UIImage imageNamed:@"cat_eat0000.jpg"];
// 把UIImageView加载到页面
[self.view addSubview:imageMove];
// 设置UIImageView的交互性为yes
imageMove.userInteractionEnabled = YES;
// 创建功能按钮
// 初始化按钮
actionbuttom = [[UIButton alloc]initWithFrame:CGRectMake(100, 680, 218, 50)];
// 设置按钮背景色
actionbuttom.backgroundColor = [UIColor yellowColor];
// 设置按钮标题
[actionbuttom setTitle:@"开始播放" forState:UIControlStateNormal];
// 设置按钮文字颜色
[actionbuttom setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
// 为按钮添加触发事件
[actionbuttom addTarget:self action:@selector(startmove:) forControlEvents:UIControlEventTouchUpInside];
// 把按钮添加到页面中
[imageMove addSubview:actionbuttom];
// 初始化可变数组,用来存放图片
imgsarray = [[NSMutableArray alloc]initWithCapacity:40];
// 循环从资源中拿到四十张图片,并添加到imgsarray。
for (int x=0; x<40; x++) {
NSString *imgname = [NSString stringWithFormat:@"cat_eat00%.2d.jpg",x];
UIImage *img = [UIImage imageNamed:imgname];
[imgsarray addObject:img];
3、设置按钮触发动画播放
//按钮的触发事件
-(void)startmove:(id)sender{
// 设置动画时长
imageMove.animationDuration = 2;
// 设置动画图片来源为图片数组
imageMove.animationImages = imgsarray;
// 设置动画重复次数,0是无限循环,1为重复1次
imageMove.animationRepeatCount = 1;
// 开始播放
[imageMove startAnimating];
}
以上就是本文的全部内容,希望对大家学习使用UIImageView控件制作动画有所帮助。
沃梦达教程
本文标题为:IOS UI学习教程之使用UIImageView控件制作动画
基础教程推荐
猜你喜欢
- iOS开发使用XML解析网络数据 2022-11-12
- Android Compose自定义TextField实现自定义的输入框 2023-05-13
- Android实现短信验证码输入框 2023-04-29
- IOS获取系统相册中照片的示例代码 2023-01-03
- Android开发Compose集成高德地图实例 2023-06-15
- iOS开发 全机型适配解决方法 2023-01-14
- iOS Crash常规跟踪方法及Bugly集成运用详细介绍 2023-01-18
- MVVMLight项目Model View结构及全局视图模型注入器 2023-05-07
- Flutter进阶之实现动画效果(三) 2022-10-28
- iOS中如何判断当前网络环境是2G/3G/4G/5G/WiFi 2023-06-18