在 WPF 中停止动画，动态加载用户控件

Question

在我的应用程序主窗口中：

public MainWindow() {
InitializeComponent();

Dispatcher.BeginInvoke(DispatcherPriority.ApplicationIdle, new Action(() => {
    var workingArea = System.Windows.Forms.Screen.PrimaryScreen.WorkingArea;
    var transform = PresentationSource.FromVisual(this).CompositionTarget.TransformFromDevice;
    var corner = transform.Transform(new Point(workingArea.Right, workingArea.Bottom));

    this.Left = corner.X - this.ActualWidth - 100;
    this.Top = corner.Y - this.ActualHeight;
}));

NotificationWindow nw1 = new NotificationWindow();
spNotifiers.Children.Add(nw1);

}

我的通知器如下所示：

<UserControl 
x:Class="NotificationWindow" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Background="Transparent" MouseEnter="UserControl_MouseEnter">

<Grid RenderTransformOrigin="0,1">

    <Border BorderThickness="1" Background="Beige" BorderBrush="Black" CornerRadius="10">
        <StackPanel Margin="20">
            <TextBlock TextWrapping="Wrap" Margin="5"> 
      <Bold>Besked fra podio</Bold><LineBreak /><LineBreak /> 
      Her skal der være en podio notification!
            </TextBlock>
            <CheckBox Content="Check check" Margin="5 5 0 5" />
            <Button Content="Klik på mig" HorizontalAlignment="Center" />
        </StackPanel>
    </Border>

    <!-- Animation -->
    <Grid.Triggers>
        <EventTrigger RoutedEvent="FrameworkElement.Loaded">
            <BeginStoryboard>
                <Storyboard x:Name="sbMain">
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)">
                        <SplineDoubleKeyFrame KeyTime="0:0:0" Value="0"/>
                        <SplineDoubleKeyFrame KeyTime="0:0:0.5" Value="1"/>
                    </DoubleAnimationUsingKeyFrames>
                    <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)">
                        <SplineDoubleKeyFrame KeyTime="0:0:2" Value="1"/>
                        <SplineDoubleKeyFrame KeyTime="0:0:4" Value="0"/>
                    </DoubleAnimationUsingKeyFrames>
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Grid.Triggers>

    <Grid.RenderTransform>
        <ScaleTransform ScaleY="1" />
    </Grid.RenderTransform>

</Grid>

private void UserControl_MouseEnter(object sender, System.Windows.Input.MouseEventArgs e) {
sbMain.Stop(); // not working

}

从通知我有一个 mouse_anter 事件，应该停止动画/故事板，但无论我尝试什么，我都无法让动画停止。

有什么想法吗？

Answer 1

我找到了解决方案，但它需要删除触发器。

Step1：将您的动画放入“UserControl.Resources”并赋予其属性“x:Key=sbMain”

Step2: 添加一个事件到 UserControl Loaded

Step3：在代码后面更改“sbMain.Stop();”到 "((Storyboard)FindResource("sbMain")).Stop();"，可能你需要添加一些 using 指令。

Step4：在LoadEvent中添加"((Storyboard)FindResource("sbMain")).Begin();"

结果如下所示：

<UserControl x:Class="NotificationWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Background="Transparent" MouseEnter="UserControl_MouseEnter" Width="300" Height="200" Loaded="UserControl_Loaded">
<UserControl .Resources>
    <Storyboard x:Key="sbMain">
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.RenderTransform).(ScaleTransform.ScaleY)" Storyboard.TargetName="AnimatedGrid">
            <SplineDoubleKeyFrame KeyTime="0:0:0" Value="0"/>
            <SplineDoubleKeyFrame KeyTime="0:0:0.5" Value="1"/>
        </DoubleAnimationUsingKeyFrames>
        <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="AnimatedGrid">
            <SplineDoubleKeyFrame KeyTime="0:0:2" Value="1"/>
            <SplineDoubleKeyFrame KeyTime="0:0:4" Value="0"/>
        </DoubleAnimationUsingKeyFrames>
    </Storyboard>
</UserControl .Resources>


<Grid RenderTransformOrigin="0,1" x:Name="AnimatedGrid">

    <Border BorderThickness="1" Background="Beige" BorderBrush="Black" CornerRadius="10">
        <StackPanel Margin="20">
            <TextBlock TextWrapping="Wrap" Margin="5"> 
  <Bold>Besked fra podio</Bold><LineBreak /><LineBreak /> 
  Her skal der være en podio notification!
            </TextBlock>
            <CheckBox Content="Check check" Margin="5 5 0 5" />
            <Button Content="Klik på mig" HorizontalAlignment="Center" />
        </StackPanel>
    </Border>

    <Grid.RenderTransform>
        <ScaleTransform ScaleY="1" />
    </Grid.RenderTransform>

</Grid>

在后面的代码中：

private void UserControl_MouseEnter(object sender, System.Windows.Input.MouseEventArgs e)
{
    ((Storyboard)FindResource("sbMain")).Stop();
}

private void UserControl_Loaded(object sender, RoutedEventArgs e)
{
        ((Storyboard)FindResource("sbMain")).Begin();
}

此代码适用于我的情况。