WPF中的動畫——(二)From/To/By 動畫


我們所實現的的動畫中,很大一部分是讓一個屬性在起始值和結束值之間變化,例如,我在前文中實現的改變寬度的動畫:

    var widthAnimation = new DoubleAnimation()
    {
        From = 0,
        To = 320,
        Duration = TimeSpan.FromSeconds(2),
        RepeatBehavior = RepeatBehavior.Forever,
    };

    button.BeginAnimation(WidthProperty, widthAnimation);

這個動畫實現了寬度在0和320之間的變化,由於寬度是一個double型,因此這里用的是DoubleAnimation。對於一些其它常見的類型,如Byte、Color、Int32、Size、Point等,在System.Windows.Media.Animation下都有相應的過渡動畫實現,命名規則是"數據結構類型+Animation"這里就不多介紹了。

這種過渡動畫一般成為From/To/By 動畫,是因為它們是通過From、To、By三個屬性來決定了目標屬性的起始值和結束值。首先我們來看下這三個屬性代表的意義:

  • From: 起始值,在動畫開始的時候將目標屬性設置為該值
  • To: 結束值,動畫結束是目標屬性為改值
  • By: 偏移值:動畫結束的時候目標屬性為"初始值+偏移值"

很明顯,To和By的效果是有可能沖突的。實際上,這三個屬性都是可選設置的,並且在設置了To和By的時候,是會忽略By屬性的。下面我再通過一些簡單的場景介紹一下這三個屬性如何組合使用。

  • 由0 變為 320:        From = 0, To = 320
  • 由初始值變為320:   To = 320
  • 由0變為初始值:       From = 0
  • 由0增大150:          From = 0, By = 150
  • 由初始值增大150:   By = 150

看了這幾個用例后,相信大家已經大致能明白這三個參數的使用方法。

 

為什么這么設計

初一看上去,這種From、To、By的三參數設計得過於復雜,完全可以用From和To兩個參數可以確定,需要用到By的地方通過運算獲取。 甚至From和To也可以強制要求賦值,這樣就不會出現From和To都不賦值的這種非法情況了。為什么要這么設計呢? 我覺得有兩個原因:

  1. 這種比較靈活的方式可以方便將動畫和具體的對象分離出來,可以方便復用和組合。
  2. 方便在XAML中使用。如果像我上述的那樣的做法,很多時候需要取對象的初始值,用XAML編寫復雜的動畫時,這種操作並不是是很方便。

 

時間控制

這里只介紹了如何設置過渡動畫的起始狀態和終止狀態,動畫還有一個比較重要部分是時間控制,如動畫時間段的長度、開始時間、重復次數、進度的快慢,結束通知等。這些都是在其基類TimeLine中控制的,下一章將單獨對其介紹。

 

參考資料

http://msdn.microsoft.com/zh-cn/library/aa970265(v=vs.110).aspx


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM