WPF动画执行两次

Question

我面对关于动画执行两次问题，请检查代码：

<Grid> 
 
     <Grid.ColumnDefinitions> 
 
      <ColumnDefinition Width="Auto"/> 
 
      <ColumnDefinition Width="*"/> 
 
      <ColumnDefinition Width="Auto"/> 
 
     </Grid.ColumnDefinitions> 
 

 
     <ListView x:Name="lstHandled" Grid.Column="0" Visibility="Visible"> 
 
      <ListViewItem>Jimmy</ListViewItem> 
 
      <ListViewItem>Jimmy</ListViewItem> 
 
      <ListViewItem>Jimmy</ListViewItem> 
 
      <ListViewItem>Jimmy</ListViewItem> 
 
      <ListViewItem>Jimmy</ListViewItem> 
 
      <ListViewItem>Jimmy</ListViewItem> 
 
      <ListViewItem>Jimmy</ListViewItem> 
 
      <ListViewItem>Jimmy</ListViewItem> 
 
      <ListView.Triggers> 
 
       <EventTrigger RoutedEvent="ListView.MouseEnter"> 
 
        <BeginStoryboard> 
 
         <Storyboard> 
 
          <ThicknessAnimation 
 
           Storyboard.TargetName="spAll" 
 
           Storyboard.TargetProperty="(StackPanel.Margin)" 
 
           From="-100,0,0,0" To="0,0,0,0" 
 
           AutoReverse="False" 
 
           Duration="0:0:1"/> 
 
         </Storyboard> 
 
        </BeginStoryboard> 
 
       </EventTrigger> 
 
      </ListView.Triggers> 
 
     </ListView> 
 

 
     <StackPanel x:Name="spAll" Grid.Column="0" Width="100" Margin="-100,0,0,0" Orientation="Horizontal"> 
 
      <ListView x:Name="Handled"> 
 
       <ListViewItem>Hello</ListViewItem> 
 
       <ListViewItem>Hello</ListViewItem> 
 
       <ListViewItem>Hello</ListViewItem> 
 
       <ListViewItem>Hello</ListViewItem> 
 
       <ListViewItem>Hello</ListViewItem> 
 
       <ListViewItem>Hello</ListViewItem> 
 
       <ListViewItem>Hello</ListViewItem> 
 
       <ListViewItem>Hello</ListViewItem> 
 
      </ListView> 
 
      <ListView x:Name="UnHandled"> 
 
       <ListViewItem>World</ListViewItem> 
 
       <ListViewItem>World</ListViewItem> 
 
       <ListViewItem>World</ListViewItem> 
 
       <ListViewItem>World</ListViewItem> 
 
       <ListViewItem>World</ListViewItem> 
 
       <ListViewItem>World</ListViewItem> 
 
       <ListViewItem>World</ListViewItem> 
 
       <ListViewItem>World</ListViewItem> 
 
      </ListView> 
 
      <StackPanel.Triggers> 
 
       <EventTrigger RoutedEvent="StackPanel.MouseLeave"> 
 
        <BeginStoryboard> 
 
         <Storyboard> 
 
          <ThicknessAnimation 
 
           Storyboard.TargetName="spAll" 
 
           Storyboard.TargetProperty="(StackPanel.Margin)" 
 
           From="0,0,0,0" To="-100,0,0,0" 
 
           AutoReverse="False" 
 
           Duration="0:0:1"/> 
 
          
 
         </Storyboard> 
 
        </BeginStoryboard> 
 
       </EventTrigger> 
 
      </StackPanel.Triggers> 
 
     </StackPanel> 
 
    </Grid>

当鼠标离开“剥落”的StackPanel。它发射的鼠标为ListView Enter事件。如何避免这个问题？

非常感谢！

Answer 1

他们都在同一网格列，因此它们重叠，因此进入/离开事件:)在UI将它们分开。