在WPF中停止动画,动态加载的usercontrol

时间:2012-01-23 11:11:41

标签: c# .net wpf animation

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

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事件,应该停止动画/故事板,但无论我尝试什么,我都无法停止动画。

有什么想法吗?

1 个答案:

答案 0 :(得分:2)

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

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

步骤2:向UserControl Loaded添加事件

Step3:在改变后面的代码中“sbMain.Stop();” to“((Storyboard)FindResource(”sbMain“))。Stop();”,你可能需要添加一些using指令。

Step4:向LoadEvent添加“((故事板)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();
}

此代码适用于我的情况。