我正在制作一个带有滑入和滑出效果的弹出窗口 我想出了“in”部分。当控件的网格加载时,我添加了一个EventTrigger来开始一个故事板。
<Grid.Triggers>
<EventTrigger RoutedEvent="Grid.Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetName="SlideTransform"
Storyboard.TargetProperty="Y"
From="1000" To="0" Duration="0:0:0.25"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Grid.Triggers>
<Grid.RenderTransform>
<TranslateTransform x:Name="SlideTransform" Y="1000"/>
</Grid.RenderTransform>
我还将ViewModel命令绑定到tap事件以关闭弹出窗口:
<i:Interaction.Triggers>
<i:EventTrigger EventName="Tap">
<cmd:EventToCommand Command="{Binding DismissCommand}"/>
</i:EventTrigger>
</i:Interaction.Triggers>
此命令也用于放置在此网格下方的按钮(在“LayoutRoot”主网格中) 所有这一切都很好。
现在问题出现了 - 我需要在弹出窗口关闭之前添加一个“滑出”动画。我无法添加
<EventTrigger RoutedEvent="Grid.Tap">
因为我在启动时遇到了xaml解析异常:
其他信息:无法分配给属性'System.Windows.EventTrigger.RoutedEvent'。
我尝试在整个控件中添加“Tap”事件处理程序,但看起来ViewModel命令首先被触发并关闭整个弹出窗口。
关于如何把它们放在一起的任何想法?
答案 0 :(得分:0)
所以我也想出来,万一有人有兴趣 在每个按钮的Tap事件中,我调用一个方法,准备并触发动画:
private void DismissButton_Tap(object sender, System.Windows.Input.GestureEventArgs e)
{
this.dismissAll = false;
this.PrepareAndStartSlideOutAnimation();
}
private void DismissAllButton_Tap(object sender, System.Windows.Input.GestureEventArgs e)
{
this.dismissAll = true;
this.PrepareAndStartSlideOutAnimation();
}
private void PrepareAndStartSlideOutAnimation()
{
Storyboard s = new Storyboard();
DoubleAnimation animation = new DoubleAnimation();
animation.From = 0;
animation.To = 1000;
animation.Duration = new Duration(TimeSpan.FromMilliseconds(250));
LayoutRoot.RenderTransform = new CompositeTransform();
Storyboard.SetTarget(animation, LayoutRoot);
Storyboard.SetTargetProperty(animation, new PropertyPath("(UIElement.RenderTransform).(CompositeTransform.TranslateY)"));
s.Completed += SlideOutAnimation_Completed;
s.Children.Add(animation);
s.Begin();
}
当动画完成时,我从DataContext执行命令:
private void SlideOutAnimation_Completed(object sender, EventArgs e)
{
if (!this.dismissAll)
(this.DataContext as HelpOverlayControlViewModel).DismissCommand.Execute(null);
else
(this.DataContext as HelpOverlayControlViewModel).DismissAllCommand.Execute(null);
}
这不是解决方案中最“MVVMy”的,但我想弹出动画并不是ViewModel的关注点,所以我会保留原样。