效果圖

未標題-1.gif

漸變:將一幅圖像混合成另一幅圖像的動畫，如背景變換。

主要代碼

//transitionCrossDissolve舊視圖溶解消失顯示下一個新視圖的效果, imageView:要換圖片的imageview，newImage:更換的新圖片
UIView.transition(with: imageView, duration: 1.0, options: .transitionCrossDissolve, animations: {
      imageView.image = newImage
}, completion: nil)

模擬3d：使看起來像在一個方塊上滾動顯示，如航班和登機門顯示。使label縮短，看起來像是滾到后面一樣

主要代碼

label.transform = CGAffineTransform(translationX: 0.0, y: -auxLabelOffset).scaledBy(x: 1.0, y: 0.1)

分段：如圖中的飛機飛行

主要代碼：

//創建幀動畫，總時長1.5秒
UIView.animateKeyframes(withDuration: 1.5, delay: 0.0, animations: {
            //添加幀動畫，從0秒開始，經過0.25秒
            UIView.addKeyframe(withRelativeStartTime: 0.0, relativeDuration: 0.25, animations: {
                self.planeImage.center.x += 80.0//飛機向右飛80
                self.planeImage.center.y -= 10.0//向上10
            })
            //添加幀動畫，從0.1秒開始，經過0.4秒
            UIView.addKeyframe(withRelativeStartTime: 0.1, relativeDuration: 0.4) {
                self.planeImage.transform = CGAffineTransform(rotationAngle: -.pi / 8)//飛機抬頭
            }
            UIView.addKeyframe(withRelativeStartTime: 0.25, relativeDuration: 0.25) {
                self.planeImage.center.x += 100.0
                self.planeImage.center.y -= 50.0
                self.planeImage.alpha = 0.0
            }
            UIView.addKeyframe(withRelativeStartTime: 0.51, relativeDuration: 0.01) {
                self.planeImage.transform = .identity
                self.planeImage.center = CGPoint(x: 0.0, y: originalCenter.y)
            }
            UIView.addKeyframe(withRelativeStartTime: 0.55, relativeDuration: 0.45) {
                self.planeImage.alpha = 1.0
                self.planeImage.center = originalCenter
            }
        }, completion: nil)

完整代碼https://github.com/chenruiming/OrangeFlight