美文网首页iOS
UIView transitionFromView导致子视图Co

UIView transitionFromView导致子视图Co

作者: Andy矢倉 | 来源:发表于2016-05-19 11:08 被阅读972次

    项目开发需要实现一个简单的效果,一个音乐专辑,需要实现定时反复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的快速动画接口导致UIImageViewContentMode发生了改变,调试之后发现根本不是,所有能预想的结果都不符合预期,最后实在没办法只能出动神器Reveal,通过UI调试之后发现fromViewtoView对应的视图和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];
    

    相关文章

      网友评论

        本文标题:UIView transitionFromView导致子视图Co

        本文链接:https://www.haomeiwen.com/subject/sxfgrttx.html