使用數據觸發

Question

我試圖使用數據觸發動畫上邊界的直線刷不過既然來了翻過，我不能使用TargetName

我的代碼如下問題動畫的線性刷，任何人都可以建議一種方法來解決這個問題？

<Border Grid.Row="2" BorderThickness="10" Height="100" Width="100" > 
    <Border.BorderBrush> 
     <LinearGradientBrush> 
      <GradientStop Color="Yellow" Offset="0.0" /> 
      <GradientStop x:Name="gradient" Color="Orange" Offset="0.5" /> 
      <GradientStop Color="Yellow" Offset="1.0" /> 
     </LinearGradientBrush> 
    </Border.BorderBrush> 
    <Border.Resources> 
     <Style TargetType="Border"> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding ElementName=testBrdrWin, Path=Pulse}" Value="true"> 
        <DataTrigger.EnterActions> 
         <BeginStoryboard> 
          <Storyboard> 
           <DoubleAnimation 
            Storyboard.TargetName="gradient" 
            Storyboard.TargetProperty="Offset" 
            From="0" To="1" Duration="0:0:1" 
            AutoReverse="True" RepeatBehavior="Forever" 
            /> 
          </Storyboard> 
         </BeginStoryboard> 
        </DataTrigger.EnterActions> 
       </DataTrigger> 
       <DataTrigger Binding="{Binding ElementName=testBrdrWin, Path=Pulse}" Value="true"> 
        <DataTrigger.EnterActions> 
         <BeginStoryboard> 
          <Storyboard> 
           <DoubleAnimation 
            Storyboard.TargetName="gradient" 
            Storyboard.TargetProperty="Offset" 
            To="0.5" Duration="0:0:01" 
            AutoReverse="False" 
            /> 
          </Storyboard> 
         </BeginStoryboard> 
        </DataTrigger.EnterActions> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </Border.Resources> 
</Border> 

感謝

Answer 1

1. 你不能在這裏使用Storyboard.TargetName。你必須使用完整的PropertyPath Syntax。
2. LinearGradientBrush必須在Style本身。

在這個示例代碼中，我已經刪除了所有特殊的東西，因此它將獨立運行，如果你MouseOverBorder。再次適應您的需求。

<Border BorderThickness="10" Height="100" Width="100" > 
    <Border.Resources> 
     <Style TargetType="Border"> 
      <Setter Property="BorderBrush"> 
       <Setter.Value> 
        <LinearGradientBrush> 
         <GradientStop Color="Yellow" Offset="0.0" /> 
         <GradientStop Color="Red" Offset="0.5" /> 
         <GradientStop Color="Yellow" Offset="1.0" /> 
        </LinearGradientBrush> 
       </Setter.Value> 
      </Setter> 
      <Style.Triggers> 
       <DataTrigger Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Self}}" Value="true"> 
        <DataTrigger.EnterActions> 
         <BeginStoryboard> 
          <Storyboard> 
           <DoubleAnimation 
           Storyboard.TargetProperty="BorderBrush.(GradientBrush.GradientStops)[1].(GradientStop.Offset)" 
           From="0" To="1" Duration="0:0:1" 
           AutoReverse="True" RepeatBehavior="Forever" 
           /> 
          </Storyboard> 
         </BeginStoryboard> 
        </DataTrigger.EnterActions> 
       </DataTrigger> 
      </Style.Triggers> 
     </Style> 
    </Border.Resources> 
</Border>