iOS專案開發實戰——製作檢視的平移動畫以及解決移動異常問題

乞力馬紮羅的雪CYF發表於2015-08-19

      今天嘗試做了一個檢視的平移動畫,碰到一些問題,現在貼出來和大家分享。通過動畫效果,可以使我們的App更加的好看,增加使用者體驗。具體實現如下:

(1)在介面中拖入一個View控制元件,設定成正方形,並進行填充顏色。然後繫結到程式碼中;

(2)在類中重寫一個viewDidAppear()方法,當介面出現的時候開始執行動畫。

import UIKit

class PositionViewController: UIViewController {

    
    @IBOutlet weak var greenSquare: UIView!
    
    
    override func viewDidLoad() {
        super.viewDidLoad()

        // Do any additional setup after loading the view.
    }

    
    override func viewDidAppear(animated: Bool) {
        UIView.animateWithDuration(1, animations: {
        //這裡是一個Closure,也就是一個閉包函式;
            
//平移到X軸上對稱的位置;
            self.greenSquare.center.x = self.view.bounds.width - self.greenSquare.center.x
            
            
        })
    }
    
    
    override func didReceiveMemoryWarning() {
        super.didReceiveMemoryWarning()
        // Dispose of any resources that can be recreated.
    }
    

}

(3)最後執行程式,綠色色塊成功平移,符合我們的預期。


      可能色塊有時平移出現異常,注意不要勾選“Use Auto Layout”,不進行自動佈局。此時能在Size Inspector中出現Autoresizing,Autoresizing是Auto Layout出現之前的一種介面佈局方式。這樣View的平移就能正常顯示了。

.


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

相關文章