Button控件的動畫播放循環

要在Button控件上播放動畫并使其循環播放，你可以使用C#和WPF（Windows Presentation Foundation）編寫一個簡單的應用程序

1. 首先，創建一個新的WPF應用程序項目。

2. 在MainWindow.xaml中添加一個Button控件：

        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="Loop Animation Button" Height="150" Width="300">
    <Grid>
       <Button Name="myButton" Content="Click me!" HorizontalAlignment="Center" VerticalAlignment="Center" Click="myButton_Click"/>
    </Grid>
</Window>

3. 在MainWindow.xaml.cs中添加一個Storyboard動畫，并在Button的Click事件中啟動動畫：

using System.Windows;
using System.Windows.Media.Animation;

namespace LoopAnimationButton
{
    public partial class MainWindow : Window
    {
        private Storyboard _storyboard;

        public MainWindow()
        {
            InitializeComponent();

            // 創建一個Storyboard動畫
            _storyboard = new Storyboard();

            // 創建一個DoubleAnimation，用于改變Button的Width屬性
            DoubleAnimation widthAnimation = new DoubleAnimation(100, 200, new Duration(TimeSpan.FromSeconds(1)));
            widthAnimation.AutoReverse = true; // 設置動畫自動反轉
            widthAnimation.RepeatBehavior = RepeatBehavior.Forever; // 設置動畫無限循環

            // 將動畫應用于Button的Width屬性
            Storyboard.SetTarget(widthAnimation, myButton);
            Storyboard.SetTargetProperty(widthAnimation, new PropertyPath(Button.WidthProperty));

            // 將動畫添加到Storyboard
            _storyboard.Children.Add(widthAnimation);
        }

        private void myButton_Click(object sender, RoutedEventArgs e)
        {
            // 在Button點擊時開始播放動畫
            _storyboard.Begin();
        }
    }
}

現在，當你運行這個應用程序并點擊按鈕時，按鈕的寬度將在100和200之間循環變化。你可以根據需要修改動畫的屬性和持續時間。