【swift】TwitterのようなSplash画面を実装する

この記事でできるようになること

• Twitterのような一瞬縮小して、拡大しながらTopページに遷移
  するような、Splash画面を作ることができます。

実装する

• 私は、splash画面で１度APIを叩いてから、このsplashアニメーションを呼んでいます。
• CGAffineTransformで一旦0.8に縮小してから、10倍に拡大しながらalphaも0にします。
• ロゴの文字は縮小はかけていません。
• ごく普通なanimationを利用しています。

        UIView.animate(withDuration: 0.3,
                       delay: 1.0,
                       options:　.curveEaseOut,
                       animations: { () in
                        self.logoImageView.transform = CGAffineTransform(scaleX: 0.9, y: 0.9)
        }, completion: { (Bool) in
            self.performSegue(withIdentifier: "main", sender: nil)
            
        })
        UIView.animate(withDuration: 0.5,
                       delay: 1.3,
                       options:　.curveEaseOut,
                       animations: { () in
                        self.textImageView.transform    = CGAffineTransform(scaleX: 10.0, y: 10.0)
                        self.logoTextImageView.alpha    = 0
                        self.logoImageView.alpha        = 0
        }, completion: { (Bool) in
            self.logoTextImageView.isHidden     = true
            self.logoImageView.isHidden     = true
        })

まとめ

• TwitterのようなSplash画面を実装することができました。
• 細かくみるとtwitterはロゴの中からTopページが見えるような仕様になっているので、完全には再現できていません。