多次使用WPF DoubleAnimation（ReSharper在XAML中顯示錯誤）

Question

我想多次使用DoubleAnimation。下面的代碼：

<Window x:Class="Project.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> 

    <Window.Resources> 
     <DoubleAnimation x:Key="LeftAnimation" Storyboard.TargetProperty="(Canvas.Left)" From="0" To="100" /> 
     <DoubleAnimation x:Key="TopAnimation" Storyboard.TargetProperty="(Canvas.Top)" From="0" To="100" /> 
    </Window.Resources> 

    <Window.Triggers> 
     <EventTrigger RoutedEvent="Window.Loaded"> 
      <BeginStoryboard> 
       <Storyboard Storyboard.TargetName="AnimatedBorder1"> 
        <StaticResourceExtension ResourceKey="LeftAnimation" /> 
       </Storyboard> 
      </BeginStoryboard> 
      <BeginStoryboard> 
       <Storyboard Storyboard.TargetName="AnimatedBorder2"> 
        <StaticResourceExtension ResourceKey="LeftAnimation" /> 
        <StaticResourceExtension ResourceKey="TopAnimation" /> 
       </Storyboard> 
      </BeginStoryboard> 
     </EventTrigger> 
    </Window.Triggers> 

    <Canvas> 
     <Border x:Name="AnimatedBorder1" Background="Blue" Width="20" Height="20" /> 
     <Border x:Name="AnimatedBorder2" Background="Red" Width="20" Height="20" /> 
    </Canvas> 

</Window> 

的代碼工作正常，但ReSharper的強調LeftAnimation符合<StaticResourceExtension ResourceKey="LeftAnimation" />說：「無效的資源類型：預計類型是‘TriggerCollection’，實際的類型是‘DoubleAnimation是’」

這真的是一個問題，或者這是ReSharper（版本9.2）中的錯誤？

Answer 1

這裏是一個editted解決方案：

1. 資源：

   <Window.Resources> 
   <TimelineCollection x:Key="TimelinesCollectionKey1"> 
       <DoubleAnimation Storyboard.TargetProperty="(Canvas.Left)" From="0" To="100" /> 
   </TimelineCollection> 
   <TimelineCollection x:Key="TimelinesCollectionKey2"> 
       <DoubleAnimation Storyboard.TargetProperty="(Canvas.Top)" From="0" To="100" /> 
   </TimelineCollection></Window.Resources> 
   

2. 觸發器：

   <Window.Triggers> 
   <EventTrigger RoutedEvent="Window.Loaded"> 
       <BeginStoryboard> 
        <Storyboard Storyboard.TargetName="AnimatedBorder1"> 
         <!--<StaticResourceExtension ResourceKey="LeftAnimation" />--> 
         <Storyboard.Children> 
          <ParallelTimeline Children="{StaticResource TimelinesCollectionKey1}"></ParallelTimeline> 
         </Storyboard.Children> 
        </Storyboard> 
       </BeginStoryboard> 
       <BeginStoryboard> 
        <Storyboard Storyboard.TargetName="AnimatedBorder2"> 
         <Storyboard.Children> 
          <ParallelTimeline Children="{StaticResource TimelinesCollectionKey1}"></ParallelTimeline> 
          <ParallelTimeline Children="{StaticResource TimelinesCollectionKey2}"></ParallelTimeline> 
         </Storyboard.Children> 
        </Storyboard> 
       </BeginStoryboard> 
   </EventTrigger></Window.Triggers> 
   

3. 目標：

   <Canvas> 
   <Border x:Name="AnimatedBorder1" Background="Blue" Width="20" Height="20" /> 
   <Border x:Name="AnimatedBorder2" Background="Red" Width="20" Height="20" /></Canvas> 
   

個

問候，