如何使用许多子视图保持iOS动画流畅

如何使用许多子视图保持iOS动画流畅,第1张

概述我正在尝试在iOS上用动画播放的小游戏的不同外观. 我的目标是拥有一个基于游戏玩法的图块网格,将每个图块的显示更改为一组图像中的一个.我希望每张瓷砖(最多24×24)在其面部变化时翻转.随着游戏的进行,越来越多的瓷砖需要同时翻转.在我试图同时翻转它们的第一个实现中,动画变得非常生涩. 我改变了我的方法,不是一次全部翻转,而是一次只翻几个,通过为每个图块安排动画,每个图块的延迟略有增加,这样当第10 我正在尝试在iOS上用动画播放的小游戏的不同外观.

我的目标是拥有一个基于游戏玩法的图块网格,将每个图块的显示更改为一组图像中的一个.我希望每张瓷砖(最多24×24)在其面部变化时翻转.随着游戏的进行,越来越多的瓷砖需要同时翻转.在我试图同时翻转它们的第一个实现中,动画变得非常生涩.

我改变了我的方法,不是一次全部翻转,而是一次只翻几个,通过为每个图块安排动画,每个图块的延迟略有增加,这样当第10个图块开始动画时,第一个已经是完成.完成整个过程只需要更长的时间,但也会产生良好的视觉波纹效果.

然而,仍然存在一个问题:在游戏开始时,当玩家选择新颜色时,在动画开始之前,设备上需要几分之一秒.随着游戏的进行,这种情况会变得更糟,每次移动需要安排更多翻转,直到动画似乎挂起,然后几乎立即完成,而其间没有任何帧可以实际辨别.

这是触发相关切片翻转的代码(在我的UIVIEw游戏网格子类中). (我删除了跳过磁贴的优化,因为它只在游戏的早期阶段很重要).

float delay = 0.0f;for (NSUInteger row=0; row<numRows; row++) {    for (NSUInteger col=0; col<numCols; coL++) {        delay += 0.03f;        [self updateFlipPingImageAtRow:row col:col delay:delay animated:YES];    }}

游戏网格视图具有一个瓦片子视图的NSArray,使用上面循环中的row和col变量进行寻址.

updateFlipPingImageAtRow:col:delay:animated是我的FlipPingImageVIEw中的一个方法(也是UIVIEw的子类)归结为此(省略游戏逻辑):

-(voID)animatetoShow:(UIImage*)image             duration:(NSTimeInterval)time                delay:(float)delay           completion:(voID (^)(BOol finished))completion {    [UIVIEw animateWithDuration:time                          delay:delay                        options:UIVIEwAnimationoptionTransitionFlipFromleft                      animations:^{                         [UIVIEw setAnimationTransition:uiviewanimationtransitionFlipFromleft                                                forVIEw:self                                                  cache:YES];                         self.frontimage = image;                     }                     completion:completion    ];}

工作得很好,但是,我从仪器测量结果中得出结论告诉我,我的时间花在动画块上,随着游戏的进行和翻转的瓷砖数量上升,动画的数量在 *** 作的一开始是一个问题,然后系统尝试通过丢帧来赶上.

有什么建议如何提高这个性能?动画的确切时间并不重要.

解决方法 你可以考虑使用CoreAnimation和CALayers而不是UIVIEws来做这件事.它具有更强大的功能和优化的框架.

这不是一件容易的事情,你必须重新编写至少一些你的课程(查看层次结构和命中测试是我想到的第一件事),但值得一试,这是一个相当轻松的过程,因为CALayer非常类似于UIVIEw.

下一步是OpenGL.它绝对可以实时 *** 作数百个对象,但它需要做更多的工作.

总结

以上是内存溢出为你收集整理的如何使用许多子视图保持iOS动画流畅全部内容,希望文章能够帮你解决如何使用许多子视图保持iOS动画流畅所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1051831.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存