iOS   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何使用许多子视图保持iOS动画流畅大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试在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动画流畅所遇到的程序开发问题。

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

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。