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都不賦值的這種非法情況了。為什么要這么設計呢？ 我覺得有兩個原因：

這種比較靈活的方式可以方便將動畫和具體的對象分離出來，可以方便復用和組合。

方便在XAML中使用。如果像我上述的那樣的做法，很多時候需要取對象的初始值，用XAML編寫復雜的動畫時，這種操作并不是是很方便。

?

時間控制

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

?

參考資料

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

轉載于:https://www.cnblogs.com/LiZhongZhongY/p/11080754.html

總結

以上是生活随笔為你收集整理的WPF中的动画——（二）From/To/By 动画(二)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。