项目开发需要实现一个简单的效果,一个音乐专辑,需要实现定时反复3D旋转的效果,这个效果很简单,利用iOS自带的动画接口对应的Flip动画即可,效果如下:
开发的时候用Xib
管理专辑两个子View
,在使用UIView
快速动画接口
+ (void)transitionFromView:(UIView *)fromView toView:(UIView *)toView duration:(NSTimeInterval)duration options:(UIViewAnimationOptions)options completion:(void (^ __nullable)(BOOL finished))completion;
和UIViewAnimationOptionTransitionFlipFromLeft
搭配使用的时候出现第一个奇怪的问题:
动画执行之后在使用UIViewAnimationOptionTransitionFlipFromRight
反转翻转效果出现的情况就是翻转一般View
消失了,经过调试后发现,因为是使用Xib
管理,所以Property
声明是weak
,就像这样:
@property (weak, nonatomic) IBOutlet UIView *coverContainer;
所以fromView
对应的子视图被系统管理在动画执行之后就被释放掉了,导致动画反转两次
之后正反两个View
都消失了。
既然是被释放
的问题,那好解决,声明的时候把weak
改成strong
不就好了,代码如下:
@property (strong, nonatomic) IBOutlet UIView *coverContainer;
紧接接着出现更踏马奇怪的问题:
这下视图是没有消失,有图服务端没有裁剪图片,获取到的封面图片尺寸很大,翻转两次之后封面图片把整个屏幕都占满了
原始效果:
实际效果:
这个问题首先第一考虑是不是因为
UIView
的快速动画接口导致UIImageView
的ContentMode
发生了改变,调试之后发现根本不是,所有能预想的结果都不符合预期,最后实在没办法只能出动神器Reveal
,通过UI调试之后发现fromView
和toView
对应的视图和SuperView
的约束被破坏了导致。
找到问题所在是约束
的原因,看可以使用原生代码或者是使用Masonry
等第三方库在执行动画之前重建约束都行。
不过这里无意中发现UIViewAnimationOptions
枚举里有一个奇怪的选项叫UIViewAnimationOptionShowHideTransitionViews
,感觉好像有得玩,果断把strong
替换会weak
试了一下:
UIViewAnimationOptions animationOptions = _front ? UIViewAnimationOptionTransitionFlipFromLeft : UIViewAnimationOptionTransitionFlipFromRight;
[UIView transitionFromView:(_front ? _coverContainer : _blurContainer)
toView:(_front ? _blurContainer : _coverContainer)
duration:1.0f
options:(animationOptions | UIViewAnimationOptionShowHideTransitionViews)
completion:nil];