在WPF中,實現動畫的方法與WinForms有所不同。WPF提供了更強大的動畫支持,主要通過使用Storyboard和KeyFrame來實現。下面是一個簡單的示例,展示了如何在WPF中創建一個類似于WinForms動畫的效果。
首先,我們創建一個WPF應用程序項目。然后,在MainWindow.xaml文件中添加一個Button和一個Ellipse控件:
<Window x:Class="WpfAnimationExample.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="WPF Animation Example" Height="200" Width="200">
<Grid>
<Button x:Name="btnAnimate" Content="Animate" HorizontalAlignment="Center" VerticalAlignment="Center" Width="100" Click="btnAnimate_Click"/>
<Ellipse x:Name="ellipse" Fill="Blue" HorizontalAlignment="Center" VerticalAlignment="Center" Width="50" Height="50"/>
</Grid>
</Window>
接下來,在MainWindow.xaml.cs文件中添加動畫邏輯:
using System.Windows;
using System.Windows.Media.Animation;
using System.Windows.Media.Imaging;
namespace WpfAnimationExample
{
public partial class MainWindow : Window
{
public MainWindow()
{
InitializeComponent();
}
private void btnAnimate_Click(object sender, RoutedEventArgs e)
{
// 創建一個Storyboard對象
Storyboard storyboard = new Storyboard();
// 創建一個DoubleAnimation對象,用于改變Ellipse的寬度
DoubleAnimation doubleAnimation = new DoubleAnimation();
doubleAnimation.From = 50;
doubleAnimation.To = 200;
doubleAnimation.Duration = new Duration(TimeSpan.FromSeconds(2));
doubleAnimation.AutoReverse = true;
doubleAnimation.RepeatBehavior = RepeatBehavior.Forever;
// 將DoubleAnimation對象添加到Storyboard中
Storyboard.SetTarget(doubleAnimation, ellipse);
Storyboard.SetTargetProperty(doubleAnimation, new PropertyPath("(Shape.Width)"));
storyboard.Children.Add(doubleAnimation);
// 開始播放動畫
storyboard.Begin();
}
}
}
在這個示例中,我們創建了一個Storyboard對象,并添加了一個DoubleAnimation對象,用于改變Ellipse控件的寬度。動畫從50像素開始,到200像素結束,持續時間為2秒,并且會自動反轉,無限重復。最后,我們調用Storyboard的Begin方法開始播放動畫。
當用戶點擊按鈕時,Ellipse控件的寬度將在2秒內增加到200像素,然后自動縮小回50像素,這個過程將不斷重復。這樣就實現了一個類似于WinForms動畫的效果。