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

2021-09-06 19:00:02 字數 1059 閱讀 7111

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

varwidthanimation = newdoubleanimation()

;button.beginanimation(widthproperty, widthanimation);

這個動畫實現了寬度在0和320之間的變化,由於寬度是乙個double型,因此這裡用的是doubleanimation。對於一些其它常見的型別,如byte、color、int32、size、point等,在system.windows.media.animation下都有相應的過渡動畫實現,命名規則是"資料結構型別+animation"這裡就不多介紹了。

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

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

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

為什麼這麼設計

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

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

方便在xaml中使用。如果像我上述的那樣的做法,很多時候需要取物件的初始值,用xaml編寫複雜的動畫時,這種操作並不是是很方便。

時間控制

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

參考資料

wpf 動畫 WPF中監視動畫進度

前台xaml 1.新增乙個progressbar監視進度,注意這裡最大值設定為1,因為動畫始終clock的currentprocess屬性最大值是1。2.響應故事板的currenttimeinvalidated事件 後台 該事件在動畫前進乙個步長時發生 private void storyboard...

WPF中的動畫 (4)

學習wpf 的動畫,非常值得一提的是關鍵幀動畫。普通的動畫實現的是從乙個值到另乙個值的線性內插 或者有限形式的非線性內插,歸功於 accelerationratio 和decelerationratio 而關鍵幀動畫,指定了在指定的時間達到指定的值 由 keyframe 的keytime value...

WPF中基於路徑的動畫

wpf中有三種動畫型別 線性插值 關鍵幀和路徑動畫。這三種動畫都是在system.windows.media.animation命名空間中,其中路徑動畫有三種 matrixanimationusingpath pointanimationusingpath doubleanimationusingp...