弹出窗口在动画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合作了大约一个月,所以如果你看到我应该改变的事情,建议你。谢谢。

弹出窗口在动画WPF中显示一次,但不会再次显示

当动画用于特定属性时,由于优先级列表(链接),只有通过动画才能进一步指定属性。引用自MSDN:

为了具有任何实际效果,特性的动画必须能够优先于基础(未设定动画的)值,即使该值是在本地设置的。

来自同一来源:

对于一个动画,如果该动画没有为某些行为同时指定"From"answers"To",或者动画在完成时故意恢复为基础值,则基础值可能会对动画值产生影响。若要在实践中看到这一点,请运行"从"、"到"answers"按动画目标值"示例。尝试在示例中设置矩形高度的局部值,使初始局部值不同于动画中的任何"from"。您会注意到,动画立即使用"From"值开始,并在开始后替换基本值。动画可以指定通过指定"停止填充行为"(Stop FillBehavior)在动画完成后返回到动画之前的值。然后,使用正常优先级来确定基本值。

因此,正因为如此,动画的属性才是第一优先级,而其他源(如代码)则不会指定。

有哪些替代方案?

I.如文档中所述,请使用FillBehavior="Stop"。由于动画中没有FromToDuration,因此这不是一个选项。

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;
}