IOS之UIImageView--小实例项目--带音效的拳皇动画
内容大纲:
1、初步工作 2、开始敲代码 3、注意 4、可能遇到的错误 5、设置音频速率在代码顺序上的注意点
带音效的拳皇动画实例项目
初步工作
1、新建一Objective-C工程之后,将需要的拳皇动画实例的图片以及音效资源都拷贝进工程。
2、勾选,只勾选会产生项目的虚拟文件目录即可。
3、在storyboard上添加组件,这里由于时间缘故就添加四个按钮和一个ImageView。并设置好ImageView的显示Model
4、为组件连好线,
开始敲代码
1、第一步,敲出stand序列动画的实现
1 #import "ViewController.h" 2 3 @interface ViewController () 4 5 @property (weak, nonatomic) IBOutlet UIImageView *imageView; 6 7 //1-4 由于UIimageView 8 @property (nonatomic,strong)NSArray<UIImage*> *imageArray; 9 @end 10 11 @implementation ViewController 12 13 - (void)viewDidLoad { 14 //1 需要初始化好imageView指向的对象,先从站立动作开始 15 16 //1-4 由于UIimageView需要用数组添加序列动画,所以用可变数组 17 NSMutableArray *array = [NSMutableArray array]; 18 19 20 //1-1 添加图片 因为站立的图片有10张 21 for (int i = 0; i<10; i++) { 22 //1-2 要获取资源图,就需要先获取资源图片的名称 23 NSString* pictureName = [NSString stringWithFormat:@"stand_%d",i+1]; 24 //1-3 可以通过[UIImage imageNamed:pictureName]转为UIImage对象,但是不建议 25 // UIImage *image = [UIImage imageNamed:pictureName]; 26 27 //1-5 建议通过initWithContentsOfFile 28 NSString* pathStr = [[NSBundle mainBundle] pathForResource:pictureName ofType:@"png"]; 29 UIImage *image = [[UIImage alloc] initWithContentsOfFile:pathStr]; 30 //1-6 添加进可变数组 31 [array addObject:image]; 32 } 33 //1-7 最后通过具有全局变量作用的外部引用指向 可变数组的引用,供外界使用 34 self.imageArray = array; 35 } 36 37 #pragma mark - 设置拳皇动画 38 39 //站立 40 - (IBAction)stand { 41 //2 以上图片资源加载完毕之后,就可以使用动画 42 self.imageView.animationImages = self.imageArray; 43 self.imageView.animationRepeatCount = 0; 44 [self.imageView startAnimating]; 45 } 46 47 //小招 48 - (IBAction)smallClick { 49 } 50 51 52 //大招 53 - (IBAction)bigClick { 54 } 55 56 #pragma mark - 游戏结束 Game Over 57 //停止 需要进行内存管理 58 - (IBAction)stopGame { 59 } 60 61 62 @end
运行结果可以实现stand的站立备战状态:
因为拳皇动画的三种状态(站立,小招,大招)加载图片各自需要一系列序列动画,也就是都需要执行以下共同的代码:
1 //1-4 由于UIimageView需要用数组添加序列动画,所以用可变数组 2 NSMutableArray *array = [NSMutableArray array]; 3 4 5 //1-1 添加图片 因为站立的图片有10张 6 for (int i = 0; i<10; i++) { 7 //1-2 要获取资源图,就需要先获取资源图片的名称 8 NSString* pictureName = [NSString stringWithFormat:@"stand_%d",i+1]; 9 //1-3 可以通过[UIImage imageNamed:pictureName]转为UIImage对象,但是不建议 10 // UIImage *image = [UIImage imageNamed:pictureName]; 11 12 //1-5 建议通过initWithContentsOfFile 13 NSString* pathStr = [[NSBundle mainBundle] pathForResource:pictureName ofType:@"png"]; 14 UIImage *image = [[UIImage alloc] initWithContentsOfFile:pathStr]; 15 //1-6 添加进可变数组 16 [array addObject:image]; 17 } 18 //1-7 最后通过具有全局变量作用的外部引用指向 可变数组的引用,供外界使用 19 self.imageArray = array;
那么我们可以将其抽取出来,模块化成一个方法:
1 #pragma mark - 加载图片资源的方法 2 3 -(NSArray)loadResouceWithName:(NSString)name withCount:(int)count{ 4 NSMutableArray *array = [NSMutableArray array]; 5 6 for (int i = 0; i<count; i++) { 7 NSString* pictureName = [NSString stringWithFormat:@"%@_%d",name,i+1]; 8 9 NSString* pathStr = [[NSBundle mainBundle] 10 pathForResource:pictureName ofType:@"png"]; 11 UIImage *image = [[UIImage alloc] initWithContentsOfFile:pathStr]; 12 13 [array addObject:image]; 14 } 15 16 return array; 17 18 } ```
完整的代码:
完整的代码:点击左边的+号即可查看源码
特别有必要提出的有关内存管理的代码:
1 #pragma mark - 游戏结束 Game Over 2 //停止 需要进行内存管理 3 - (IBAction)stopGame { 4 self.standImages = nil; 5 self.smallClickImages = nil; 6 self.bigClickImages = nil; 7 8 //为了能够是加载的图片也要释放掉 9 self.imageView.animationImages = nil; 10 /* 11 *为什么这个也要释放呢,因为self.imageView.animationImages是数组 12 *集合类型add/insert在ARC模式下都会将 强指针 指向 添加的对象,所以这里需要nil进行内存处理。 13 */ 14 }
到这里,可以实现序列动画效果了。
但是我们还需要在出完招式之后,就接着能够回到站立备战状态,总和考虑这里使用延时的方法最合适。这里就直接用了重构,将重复的代码抽取出成Click方法。
2、然后开始添加音效。
- 这里就先简单概括一下思路:
- 导入AVFoundation->创建AVPlay对象(包括指定好相关路径下的音频文件) ->并需要一个强引用指向它->最后记得销毁这个强引用(nil)。
- 在使用AVPlayer创建对象的时候,初始化最好用initWithPlayerItem:AVPlayerItem* ,这样在切换音频对象比较方便。
然后根据这简短的思路快速实现代码:
1 #import "ViewController.h" 2 #import <AVFoundation/AVFoundation.h> 3 4 @interface ViewController () 5 6 @property (weak, nonatomic) IBOutlet UIImageView *imageView; 7 8 @property (nonatomic,strong)NSArray<UIImage*> *standImages; 9 @property (nonatomic,strong)NSArray<UIImage*> *smallClickImages; 10 @property (nonatomic,strong)NSArray<UIImage*> *bigClickImages; 11 12 //需要指向AVPlay的强引用 13 @property (nonatomic,strong)AVPlayer *player; 14 @end 15 16 @implementation ViewController 17 18 - (void)viewDidLoad { 19 20 self.standImages = [self loadResouceWithName:@"stand" withCount:10]; 21 self.smallClickImages = [self loadResouceWithName:@"xiaozhao1" withCount:21]; 22 self.bigClickImages = [self loadResouceWithName:@"dazhao" withCount:87]; 23 24 } 25 26 #pragma mark - 加载图片资源的方法 27 -(NSArray*)loadResouceWithName:(NSString*)name withCount:(int)count{ 28 NSMutableArray *array = [NSMutableArray array]; 29 30 31 for (int i = 0; i<count; i++) { 32 NSString* pictureName = [NSString stringWithFormat:@"%@_%d",name,i+1]; 33 34 NSString* pathStr = [[NSBundle mainBundle] pathForResource:pictureName ofType:@"png"]; 35 UIImage *image = [[UIImage alloc] initWithContentsOfFile:pathStr]; 36 37 [array addObject:image]; 38 } 39 40 return array; 41 } 42 43 #pragma mark - 设置拳皇动画 44 45 //站立 46 - (IBAction)stand { 47 self.imageView.animationImages = self.standImages; 48 self.imageView.animationRepeatCount = 0; 49 [self.imageView startAnimating]; 50 } 51 52 //小招 53 - (IBAction)smallClick { 54 [self gameMusic:@"xiaozhao1"]; 55 [self click:self.smallClickImages]; 56 57 } 58 59 60 //大招 61 - (IBAction)bigClick { 62 [self gameMusic:@"dazhao"]; 63 [self click:self.bigClickImages]; 64 } 65 //产生音乐 66 -(void)gameMusic:(NSString*)musicName{ 67 NSURL* url = [[NSBundle mainBundle] URLForResource:musicName withExtension:@"mp3"]; 68 AVPlayerItem *item = [[AVPlayerItem alloc] initWithURL:url]; 69 AVPlayer *smallPlayer = [[AVPlayer alloc] initWithPlayerItem:item]; 70 71 self.player = smallPlayer; 72 [self.player play]; 73 } 74 //出招 75 -(void)click:(NSArray*)imagesArray{ 76 self.imageView.animationImages = imagesArray; 77 self.imageView.animationRepeatCount = 1; 78 [self.imageView startAnimating]; 79 80 NSTimeInterval delayTime = 1/30.0 * imagesArray.count + 0.08; 81 [self performSelector:@selector(stand) withObject:nil afterDelay:delayTime]; 82 83 } 84 #pragma mark - 游戏结束 Game Over 85 //停止 需要进行内存管理 86 - (IBAction)stopGame { 87 self.standImages = nil; 88 self.smallClickImages = nil; 89 self.bigClickImages = nil; 90 self.imageView.animationImages = nil; 91 } 92 93 @end
项目结果效果:
注意:
通过imageName:来加载的图片,指向它的强引用销毁时,图片不会随着一起销毁
UIImage *image = [UIImage imageNamed:imageName];
通过imageWithContentOfFile:加载的图片,指向它的强引用销毁时,图片会随着一起销毁
NSString *imagePath = [[NSBundle mainBundle] pathForResource:imageName ofType:@"png"];
UIImage *image = [UIImage imageWithContentsOfFile:imagePath]
项目资源下载地址(两份压缩文件:项目资源文件,项目代码源文件):
百度云下载链接: http://pan.baidu.com/s/1c04sctM 密码: ryer
IOS之UIImageView--小实例项目--带音效的拳皇动画相关推荐
- Html5实现生日快乐网站,自带音效与蛋糕动画!
Html5实现生日快乐网站,自带音效与蛋糕动画! 目录 前言 二.课前准备 1.工具选择 2.语言使用 三.源码展示 总结 前言 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页 ...
- jQuery打字练习小游戏代码带音效
下载地址 jQuery键盘打字练习游戏代码带音效,类似于金山打字练习键盘游戏源码下载. dd:
- HTML5+CSS3小实例:滚动的方块loading动画
实例:滚动的方块loading动画 技术栈:HTML+CSS 效果: 源码: <!DOCTYPE html> <html><head><meta http-e ...
- IOS开发之小实例--UIImagePickerController
摘自:http://www.cnblogs.com/goodboy-heyang/p/5403947.html 前言:本篇博文是本人阅读国外的IOS Programming Tutorial的一篇入门 ...
- HTML5+CSS3小实例:手风琴式加载动画
HTML5+CSS3做一个手风琴式的加载动画,这动画.这质感.这配色,就问你喜不喜欢?!这个案例的知识点主要是:css的自定义属性 + 动画延迟 + 颜色滤镜(hue-rotate). 效果: 源码: ...
- 视频教程-微信小程序项目实战:高仿iOS计算器-微信开发
微信小程序项目实战:高仿iOS计算器 东北大学计算机专业硕士研究生,欧瑞科技创始人&CEO,曾任国内著名软件公司项目经理,畅销书作者,企业IT内训讲师,CSDN学院专家讲师,制作视频课程超过1 ...
- Entity Framework 的小实例:在项目中添加一个实体类,并做插入操作
Entity Framework 的小实例:在项目中添加一个实体类,并做插入操作 Entity Framework 的小实例:在项目中添加一个实体类,并做插入操作 1>. 创建一个控制台程序 2 ...
- Jmeter Web 性能测试入门 (四):一个小实例带你学会 Jmeter 脚本编写
测试场景: 模拟并发100个user,在TesterHome 站内搜索VV00CC 添加线程组 添加HTTP信息头管理器 添加HTTP Sampler 填写HTTP Sampler中的信息 添加监听器 ...
- 手把手带你学习微信小程序 —— 项目实战篇
微信小程序项目实战篇 WeChat-applet 1.支付宝界面展示 2.微博发帖功能实现 3.时间格式化案例 4.微信红包界面展示 5.微信消息删除案例 6.微信icon 组件 6.1 支付成功界面 ...
- c#推箱子小游戏代码_C# 推箱子游戏源码(带音效/关卡)
C# 推箱子游戏源码(带音效/关卡) c# 2021-1-29 下载地址 https://www.codedown123.com/62444.html Vs2010 FrameWork 4.0 具有音 ...
最新文章
- 白盒测试工具_别再头疼工作效率低!这些超实用的黑盒、白盒测试方法你都用上了吗?...
- python3 import execjs ModuleNotFoundError: No module named ‘execjs‘
- DeepFashion︱衣物时尚元素关键点定位+时尚元素对齐技术
- 4由通道检测_大唐阜新煤制天然气「榜样力量」实训做实出实效——废水总酚检测时间由4小时缩短至10分钟...
- 用python设计一个管理系统思路_Python大佬一个月打造的Python系统学习流程图!
- PHP防QQ列表右划,react native 实现类似QQ的侧滑列表效果
- 出版新书《从毕业生到程序员 使用C#开发商业软件》
- yolov5鱼苗检测计数:从数据标注到训练
- 【UIKit】UITableView 5
- Stata: 空间权重矩阵的构建
- java jvm理解_【java】之深入理解JVM
- 【王者荣耀】入门战斗经验
- 共享远程计算机文件夹,怎么远程访问共享文件夹
- 亚马逊利润_大流行给亚马逊带来了创纪录的利润
- java程序设计之炮打飞机
- snmp v3 参数_SNMP V3的配置指南
- redhat7安装oracle11gR2之环境准备
- http://mirrors.aliyun.com/centos/7/os/x86_64/repodata/repomd.xml: [Errno 14] curl#6 - “Could not res
- python音频转数组_python音频处理的示例详解
- unity手机端指南针安卓测试有效
热门文章
- 在日本的软件工程师之路
- 小米手机miui12系统usb共享网络
- 男人的消费观连狗都不如
- android 矢量粒子动画,Android碎裂的粒子效果
- 魔兽各服务器位置,魔兽世界怀旧服矿点分布位置介绍 全地图采矿位置一览
- 帆软报表扩展列计算同比环比
- c# 检测中英输入法_C# Winform 中如何获取本机安装输入法,并设置为默认输出语言,如何打开搜狗输入法和手写板...
- 学生综合素质评价系统c语言,学生综合素质评价表自我评价范文(2)
- 计算机如何一次性删除音乐,win10怎么删除windows音乐文件夹?
- 仿QQ音乐的歌词滚动