WPF - 使用DataTrigger的按鈕樣式中的動畫

我正在開發一個C＃WPF應用程序，並嘗試旋轉按鈕或其內容來爲刷新狀態設置動畫。因此，我用DataTrigger擴展了我的按鈕樣式並綁定到ViewModel的屬性。但是，當我啓動應用程序並更改屬性時，沒有任何反應。我錯過了什麼？WPF - 使用DataTrigger的按鈕樣式中的動畫

這裏按鈕的一些代碼片段：

<Button Style="{StaticResource MenuButtonStyle}" 
     Command="{Binding RefreshCommand}"> 
    <Viewbox> 
     <Path Data="M1.1212257,9.3630001L6.5977538,11.580556 4.2506914,12.856734C5.4929478,15.192778 7.9304001,16.795777 10.761055,16.795777 13.75407,16.795777 16.324983,15.014366 17.488389,12.45831L19.643999,12.45831C18.371294,16.144636 14.875176,18.804999 10.761055,18.804999 7.1745365,18.804999 4.0586705,16.782776 2.4753525,13.820294L0,15.164176z M10.760896,0C14.30653,1.3528629E-07,17.389073,1.977851,18.989344,4.8840143L21.333,3.5363943 20.353317,9.3630001 14.824021,7.2771222 17.239375,5.8891636C15.988099,3.5858327 13.567544,2.0091001 10.760896,2.0091001 7.7688711,2.0091001 5.1979985,3.7902967 4.0345705,6.3461806L1.879,6.3461806C3.1517664,2.6600806,6.6478317,1.3528629E-07,10.760896,0z" 
       Stretch="Uniform" Fill="{StaticResource IconColor}"/> 
    </Viewbox> 
</Button>

和視圖模型的財產：

private bool _isRefreshing = false; 
public bool IsRefreshing 
{ 
    get { return _isRefreshing; } 
    set 
    { 
     _isRefreshing = value; 
     OnPropertyChanged("IsRefreshing"); 
    } 
}

我的按鈕樣式是這樣的：假設的DataContext

<Style x:Key="MenuButtonStyle" TargetType="{x:Type Button}"> 
    <Setter Property="Background" Value="Transparent"/> 
    <Setter Property="Margin" Value="5"/> 
    <Setter Property="Padding" Value="5"/> 
    <Setter Property="BorderThickness" Value="0"/> 
    <Setter Property="Width" Value="32"/> 
    <Setter Property="Height" Value="32"/> 
    <Style.Triggers> 
     <DataTrigger Binding="{Binding Path=IsRefreshing}" Value="true"> 
      <DataTrigger.EnterActions> 
       <BeginStoryboard> 
        <Storyboard> 
         <DoubleAnimation Storyboard.TargetProperty="(LayoutTransform).(RotateTransform.Angle)" 
             From="0" 
             To="360" 
             Duration="0:0:8" 
             RepeatBehavior="Forever" 
             /> 
        </Storyboard> 
       </BeginStoryboard> 
      </DataTrigger.EnterActions> 
      <DataTrigger.ExitActions> 
       <BeginStoryboard> 
        <Storyboard FillBehavior="Stop"> 
         <DoubleAnimation Storyboard.TargetProperty="(LayoutTransform).(RotateTransform.Angle)" 
             To="0" 
             Duration="0:0:0" 
             /> 
        </Storyboard> 
       </BeginStoryboard> 
      </DataTrigger.ExitActions> 
     </DataTrigger> 
    </Style.Triggers> 
</Style>

來源

2015-09-27 DTeuchert

Button相應地設置並且它可以訪問IsRefreshing財產，你不是LayoutTransfom的Button到RotateTransform所以沒有什麼動畫。添加另一個二傳手Style

<Setter Property="LayoutTransform"> 
    <Setter.Value> 
     <RotateTransform Angle="0"/> 
    </Setter.Value> 
</Setter>

來源

2015-09-27 14:56:36 dkozl

按鈕的DataContext是正確的。但你對屬性「LayoutTransform」解釋了這個問題。謝謝！ – DTeuchert

WPF - 使用DataTrigger的按鈕樣式中的動畫

回答

相關問題