重複按下按鈕時ColorAnimation卡住顏色

Question

我有一個自定義button-style，其中ColorAnimation。

這工作正常，但重複多次按下時，它仍停留在目標顏色上。

<Style TargetType="Button" x:Key="mainButton"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="Button"> 
       <Border BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}"> 
        <ContentPresenter Content="{TemplateBinding ContentControl.Content}" HorizontalAlignment="Center" VerticalAlignment="Center"/> 
       </Border> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsPressed" Value="True"> 
         <Trigger.EnterActions> 
          <BeginStoryboard> 
           <Storyboard> 
            <ColorAnimation 
            Duration="0:0:0.10" 
            Storyboard.TargetProperty="(Foreground).(SolidColorBrush.Color)" 
            To="Red" 
            AutoReverse="True"/> 
           </Storyboard> 
          </BeginStoryboard> 
         </Trigger.EnterActions> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

我該如何解決這個問題？

Answer 1

您還沒有在您的ColorAnimation上設置From屬性。因此，當您在動畫中間按下按鈕時，情節串聯板將當前的Foreground顏色值作爲其From，這是動畫反轉回來的顏色。

現在當您反覆按下按鈕時，From顏色會越來越接近紅色，給人的印象是顏色卡在紅色。

---

更新：

這個答案只點出了問題。請參閱薇薇的回答了一個優雅的解決

Answer 2

更新

星爺，如果您不能負擔刪除Storyboard在Trigger.ExitActions，那麼你確實有解決From問題的中間啓動Storyboard的自己。

然而指定的硬編碼From不是唯一的解決辦法。您可以讓動畫在啓動時將其自身重置爲基礎底色。

這樣做的好處是通過不指定From您有一件事要跟蹤未來的更新。

<Storyboard AutoReverse="True"> 

    <!-- By not specifying a To or From we pretty much reset the property to un-animated state(Exactly what the hard-coded from does) --> 
    <ColorAnimation Duration="0:0:0" 
        Storyboard.TargetProperty="(Foreground).(SolidColorBrush.Color)" /> 

    <!-- This part is same as original time to kick into new Foreground as desired --> 
    <ColorAnimation Duration="0:0:1.5" 
        Storyboard.TargetProperty="(Foreground).(SolidColorBrush.Color)" 
        To="Red" /> 
</Storyboard>