美文网首页
iOS 仿Apple Music动画

iOS 仿Apple Music动画

作者: 达摩君 | 来源:发表于2018-04-05 13:15 被阅读73次
    demo.gif
    直接上图片,代码下载,再来慢慢分析一番。

    总结

    一开始看到这个动画,我的第一感觉是自定义转场动画。但看了demo后发现竟然只是普通的present模式.并且配上巧妙的截图方式运用,让人产生一种视觉享受~

    //截图
    extension UIView {
        func makeSnapshot() -> UIImage? {
            UIGraphicsBeginImageContextWithOptions(bounds.size, true, 0.0)
            drawHierarchy(in: bounds, afterScreenUpdates: true)
            let image = UIGraphicsGetImageFromCurrentImageContext()
            UIGraphicsEndImageContext()
            return image
        }
    }
    

    这个整体动画效果,包含了背景图片动画、整个scrollView动画、专辑封面动画、歌曲详情动画、tabbar动画。

    override func viewDidAppear(_ animated: Bool) {
            super.viewDidAppear(animated)
            animateBackingImageIn()
            animateImageLayerIn()
            animateCoverImageIn()
            animateLowerModuleIn()
            animateBottomSectionOut()
        }
    

    将每一部分动画组合在一起就大功告成啦~
    所以说做动画一定要细嚼慢咽,将每一步都拆开,然后再组装。难的是怎么拆怎么装喽。继续加油吧~

    相关文章

      网友评论

          本文标题:iOS 仿Apple Music动画

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