EnterActions 动画未停止且 ExitActions 动画未开始

Question

我公司的一个应用程序通过位于屏幕中心的内容控件显示弹出窗口，该内容控件在需要时隐藏，其后面有一个径向渐变矩形以阻挡 UI 的其余部分，而且看起来不错。我试图在显示矩形和弹出窗口时添加动画，而不仅仅是弹出。进入动画效果很好，但是当我的弹出窗口关闭时，退出动画永远不会被调用，并且进入动画的效果保持不变。

我的 XAML 如下：

<Grid HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Panel.ZIndex="999" DataContext="{Binding Source={x:Static popup:PopUpService.Instance}}" IsHitTestVisible="{Binding IsPopUpVisible}" Opacity="0">
        <Rectangle Fill="{DynamicResource RadialBlackToBlack}" />
        <ItemsControl Focusable="False" ItemsSource="{Binding PopUps}">
            <ItemsControl.ItemsPanel>
                <ItemsPanelTemplate>
                    <Grid IsItemsHost="True" />
                </ItemsPanelTemplate>
            </ItemsControl.ItemsPanel>
        </ItemsControl>
        <Grid.Style>
            <Style TargetType="Grid">
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsPopUpVisible, Source={x:Static popup:PopUpService.Instance}}" Value="True">
                        <DataTrigger.EnterActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation Storyboard.TargetProperty="Opacity"
                                        To="100" Duration="0:0:1"/>

                                </Storyboard>
                            </BeginStoryboard>

                        </DataTrigger.EnterActions>
                        <DataTrigger.ExitActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <DoubleAnimation Storyboard.TargetProperty="Opacity"
                                        To="0" Duration="0:0:1" />
                                </Storyboard>
                            </BeginStoryboard>
                        </DataTrigger.ExitActions>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </Grid.Style>
    </Grid>

我做错了什么？

谢谢。

Answer 1

不透明度应设置为 1 而不是 100，这会导致问题。 （从 100 到 1 的动画不可见，从 1 到 0 的最后一位几乎没有动画时间）

也许您还想摆脱冗余：

1. 不要两次或不必要地设置属性，将 Duration 放在 Storyboards 和所有 HoldEnd 上>s，这是默认值。
2. 为什么第一个 SB 中有一个AutoReverse？