弹出窗口在动画WPF中显示一次,但不会再次显示
本文关键字:显示 一次 窗口 动画 WPF | 更新日期: 2023-09-27 18:28:20
我有一个窗口,右边有4个按钮。当我点击其中一个按钮时,我希望显示4个弹出窗口中的1个。我只差一点就完成了第一个,但我遇到了一个绊脚石,我似乎不明白。由于4个弹出窗口需要几乎相同,我决定为ContentControl
制作一个模板,然后在其中设置我的内容,并在弹出窗口中放置内容控件。ContentControl模板中的一个项目是关闭按钮。我使用情节提要将IsOpen
属性设置为false。所以这部分是有效的。(这花了很长时间才弄清楚…)但当我再次点击按钮打开同一个Popup
时,它没有显示,我不知道为什么。这是我的ContentControl的模板
<Style x:Key="PopupContentStyle" TargetType="ContentControl">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="ContentControl">
<Grid>
<Rectangle Fill="WhiteSmoke" Opacity=".50" Width="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Window}, Path=Width}" Height="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Window}, Path=Height}" />
<Button Height="50" Style="{DynamicResource CloseButton}" HorizontalAlignment="Right" VerticalAlignment="Top" >
<Button.Triggers>
<EventTrigger RoutedEvent="Button.Click">
<BeginStoryboard>
<Storyboard>
<BooleanAnimationUsingKeyFrames
Storyboard.Target="{Binding RelativeSource={RelativeSource AncestorLevel=1, AncestorType=Popup,Mode=FindAncestor}}"
Storyboard.TargetProperty="(Popup.IsOpen)" Duration="0:0:0">
<DiscreteBooleanKeyFrame KeyTime="0:0:0" Value="False" />
</BooleanAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Button.Triggers>
</Button>
<ContentPresenter />
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
尽管这并不重要,但这里是我的Popup
风格:
<Style x:Key="PopupStyle" TargetType="{x:Type Popup}">
<Setter Property="AllowsTransparency" Value="True"/>
<Setter Property="PopupAnimation" Value="Fade"/>
<Setter Property="Placement" Value="Center"/>
<Setter Property="PlacementTarget" Value="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=Window}}"/>
</Style>
在我的UserControl
中,我有这个Popup
:
<Popup x:Name="popuptest" Opened="popuptest_Opened" Closed="popuptest_Opened" Style="{DynamicResource PopupStyle}" >
<ContentControl Style="{DynamicResource PopupContentStyle}">
<b:BrightnessControl />
</ContentControl>
</Popup>
我用来打开亮度按钮的代码并不复杂:
private void brightButton_Click(object sender, RoutedEventArgs e)
{
popuptest.IsOpen = true;
}
这里是我的xaml 中的其他2个事件
public event PopupIsOpenedChangedHandler PopupIsOpenedChanged;
public delegate void PopupIsOpenedChangedHandler(bool isOpen);
private void OnPopupIsOpenedChanged(bool isOpen)
{
if (PopupIsOpenedChanged != null)
PopupIsOpenedChanged(isOpen);
}
private void popuptest_Opened(object sender, System.EventArgs e)
{
OnPopupIsOpenedChanged(popuptest.IsOpen);
}
请帮忙:)。哦,我现在只和WPF合作了大约一个月,所以如果你看到我应该改变的事情,建议你。谢谢。
当动画用于特定属性时,由于优先级列表(链接),只有通过动画才能进一步指定属性。引用自MSDN
:
为了具有任何实际效果,特性的动画必须能够优先于基础(未设定动画的)值,即使该值是在本地设置的。
来自同一来源:
对于一个动画,如果该动画没有为某些行为同时指定"From"answers"To",或者动画在完成时故意恢复为基础值,则基础值可能会对动画值产生影响。若要在实践中看到这一点,请运行"从"、"到"answers"按动画目标值"示例。尝试在示例中设置矩形高度的局部值,使初始局部值不同于动画中的任何"from"。您会注意到,动画立即使用"From"值开始,并在开始后替换基本值。动画可以指定通过指定"停止填充行为"(Stop FillBehavior)在动画完成后返回到动画之前的值。然后,使用正常优先级来确定基本值。
因此,正因为如此,动画的属性才是第一优先级,而其他源(如代码)则不会指定。
有哪些替代方案?
I.
如文档中所述,请使用FillBehavior="Stop"
。由于动画中没有From
、To
和Duration
,因此这不是一个选项。
II.
在两种情况下都使用EventTrigger
,即:
<EventTrigger SourceName="CloseButton" RoutedEvent="Button.Click">
<BeginStoryboard>
<Storyboard>
<BooleanAnimationUsingKeyFrames Storyboard.TargetName="MyPopup"
Storyboard.TargetProperty="(Popup.IsOpen)"
Duration="0:0:0">
<DiscreteBooleanKeyFrame KeyTime="0:0:0" Value="False" />
</BooleanAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
<EventTrigger SourceName="OpenButton" RoutedEvent="Button.Click">
<BeginStoryboard>
<Storyboard>
<BooleanAnimationUsingKeyFrames Storyboard.TargetName="MyPopup"
Storyboard.TargetProperty="(Popup.IsOpen)"
Duration="0:0:0">
<DiscreteBooleanKeyFrame KeyTime="0:0:0" Value="True" />
</BooleanAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
III.
在处理程序(代码中)中,在设置新值之前,删除动画,如下所示:
XAML
<Grid>
<Grid.Triggers>
<EventTrigger SourceName="CloseButton" RoutedEvent="Button.Click">
<BeginStoryboard>
<Storyboard>
<BooleanAnimationUsingKeyFrames Storyboard.TargetName="MyPopup"
Storyboard.TargetProperty="(Popup.IsOpen)"
Duration="0:0:0">
<DiscreteBooleanKeyFrame KeyTime="0:0:0" Value="False" />
</BooleanAnimationUsingKeyFrames>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Grid.Triggers>
<Popup x:Name="MyPopup" Width="200" Height="200" IsOpen="True">
<Grid Background="Azure">
<Label Content="Test label" />
</Grid>
</Popup>
<Button Name="OpenButton" Content="OpenButtonFromCode" Width="140" Height="30" Click="OpenButton_Click" />
<Button Name="CloseButton" Content="CloseButtonfromEventTrigger" Width="180" Height="30" Margin="0,80,0,0" />
</Grid>
Code behind
private void OpenButton_Click(object sender, RoutedEventArgs e)
{
MyPopup.BeginAnimation(Popup.IsOpenProperty, null);
MyPopup.IsOpen = true;
}