iOS專案開發實戰——實現檢視切換動畫

       不同介面或者說不同檢視之間進行切換是應用程式的一種最常見的動態效果，無論是哪一種平臺的專案開發，預設的檢視切換往往是十分單調的，沒有任何動畫的，介面的切換也是非常的突兀。如果說使用動畫效果使介面能夠活躍起來，那麼你的App將會非常動感。這裡將實現檢視切換過程中的動畫效果。具體實現如下：

（1）本次試驗將拖入2張圖片，不直接放到View Controller中，而是在程式碼中動態載入。拖到Main.storyboard中後目錄結構如下：

。

（2）實現圖片與程式碼Outlet繫結：

    @IBOutlet weak var image1: UIImageView!
    @IBOutlet weak var image2: UIImageView!

（3）在ViewController中實現如下程式碼：

import UIKit

class ViewController: UIViewController {

    
    @IBOutlet weak var image1: UIImageView!
    @IBOutlet weak var image2: UIImageView!
    
    var isFirstPic:Bool = true    //判斷是否是第一張圖片；使2張圖片能迴圈切換；
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.addSubview(image1)   //首先載入第一張圖片；
        
    }

    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    
    override func touchesBegan(touches: Set<NSObject>, withEvent event: UIEvent) {
        
        func complete(v:Bool){     //每一次檢視切換後執行的操作；
        
            println("Already Complete ")
            isFirstPic = !isFirstPic
        }
        
        if(isFirstPic){   //第一張圖片切換到第二張圖片；
        
            UIView.transitionFromView(image1, toView: image2, duration: 1, options: UIViewAnimationOptions.TransitionFlipFromLeft, completion: complete)
     
        }
        else{    //第二張圖片切換到第一張圖片；
        
            UIView.transitionFromView(image2, toView: image1, duration: 1, options: UIViewAnimationOptions.TransitionFlipFromTop, completion: complete)
            
        }
        
    }

    
}

（4）注意UIViewAnimationOptions是切換動畫的選項，可以看到裡面後多個選項,共有8種動畫效果：大家可以自己嘗試一下，總有一款適合你的。

..

github主頁：https://github.com/chenyufeng1991  。歡迎大家訪問！