起動時にボタンをアニメートする方法

Question

開始ボタンをクリックして、起動時にクリックするように促します。

ボタンのマウスオーバーとマウスアウトのアニメーションを連続して点滅させるように、起動時にボタンをアニメートしたいと思います。そして、それがクリックされたらアニメーションを停止します。

どうすればいいですか？

Answer 1

メインのストーリーボードは、ボタンのLoadedイベントによって起動されます。次に、Loadedイベントで作成されたストーリーボードを削除するClickイベントで別のイベントトリガーが発生します。例えば

：

<Button> 
     <Button.Background> 
      <SolidColorBrush Color="White"/> 
     </Button.Background> 
     <Button.Triggers> 
      <EventTrigger RoutedEvent="Button.Loaded"> 
       <BeginStoryboard Name="MainStoryboard"> 
        <Storyboard Storyboard.TargetProperty="Background.Color" Duration="00:00:02" RepeatBehavior="Forever"> 
         <ColorAnimation To="Black" AutoReverse="True"/> 
        </Storyboard> 
       </BeginStoryboard> 
      </EventTrigger> 
      <EventTrigger RoutedEvent="Button.Click"> 
       <RemoveStoryboard BeginStoryboardName="MainStoryboard"/> 
      </EventTrigger> 
     </Button.Triggers> 
     Test 
    </Button>