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
WPF中的動畫——（二）From/To/By 動畫