WPF：使用C#代碼讓ColorAnimation為Brush加動畫

加動畫一般在XAML中，但是在某些時刻需要動態得用C#去寫動畫邏輯。

 

使用Storyboard.Begin

第一個方法比較簡單，比如有這樣一個Rectangle已經定義在XAML中：

<Rectangle Name="rectangle" />

 

我們把Rectangle的顏色從紅色變為綠色：

var storyboard = new Storyboard();

Storyboard.SetTarget(storyboard, rectangle);

Storyboard.SetTargetProperty(storyboard, new PropertyPath("Fill.Color"));

 

var colorAnm = new ColorAnimation(Colors.Red, new Duration(TimeSpan.FromSeconds(1)));

colorAnm.From = Colors.Green;

storyboard.Children.Add(colorAnm);

 

storyboard.Begin();

注意Storyboard的SetTargetProperty需要一個PropertyPath對象，這裡通過這個PropertyPath去指定Fill屬性的Color屬性。

 

使用Animatable.BeginAnimation

如果直接使用Animatable.BeginAnimation，那麼我們只能使用SolidColorBrush的BeginAnimation方法。由於XAML上直接定義的控制項Freezable.IsFrozen為True。所以這種方法，我們只能手動建立需要動畫的對象，然後設定自己的沒有被封凍（Freezable.IsFrozen=false）的SolidColorBrush，最後使用這個SolidColorBrush的BeginAnimation開始動畫。

 

代碼：

var solid = new SolidColorBrush(Colors.Green);

//建立Rectangle

var rec = new Rectangle() { Fill = solid };

//添加Rectangle到介面上

grid.Children.Clear();

grid.Children.Add(rec);

 

var colorAnm = new ColorAnimation(Colors.Red, new Duration(TimeSpan.FromSeconds(1)));

colorAnm.From = Colors.Green;

 

solid.BeginAnimation(SolidColorBrush.ColorProperty, colorAnm);