#15 swift animate 動畫練習(二)

在 viewWillAppear顯示第一張圖片,再設置function將第二張圖片顯示出來。


override func viewWillAppear(_ animated: Bool) {

let firstImageView = UIImageView(image: UIImage(named: "001"))
firstImageView.frame = view.frame
firstImageView.contentMode = .scaleAspectFill
view.addSubview(firstImageView)

imageFadeIn(imageView: firstImageView)
}


func imageFadeIn(imageView: UIImageView) {

let secondImageView = UIImageView(image: UIImage(named: "002"))
secondImageView.frame = view.frame
secondImageView.contentMode = .scaleAspectFill
secondImageView.alpha = 0.0

view.insertSubview(secondImageView, aboveSubview: imageView)

UIView.animate(withDuration: 2.0, delay: 2.0, options: .curveEaseOut) {
secondImageView.alpha = 1.0
} completion: { _ in
imageView.image = secondImageView.image
secondImageView.removeFromSuperview()
}

frame設定圖片邊界
contentMode設定圖片填滿方式
addSubview使UIImageView顯示在view上。

function裡,secondImageView一開始設為透明,
UIView的animate讓他變成非透明。

completion表示動畫完成後要做的事
這裡將function參數imageView設為secondImageView的圖片
(因為圖片並未變透明,不改變的話可能會出現第一張圖片)
也可以直接把firstImageView變透明
因為我們現在要直接移除他了(透過removeFromSuperview)

另外,通常用addSubview是直接一層一層的加上view
若用insertSubview則可以直接指定要增加在哪一層。

Photo by Alistair MacRobert on Unsplash

Wish me luck on the way become iOS app developer!