使用 XAML 将故事板完成时元素的可见性设置为折叠

Question

我有一个故事板动画，它使用不透明度属性使控件淡出视图。完成后，我想将控件的可见性设置为折叠。

我也希望能够执行相反的操作...将可见性设置为可见，然后使用故事板将控件淡入视图中。

我知道我可以连接事件，但我想在 XAML 中完成这一切。是否可以？

Answer 1

你也可以在动画中这样做

<Window.Resources>
    <Storyboard x:Key="OnLoaded1">
        <ObjectAnimationUsingKeyFrames BeginTime="00:00:00" Storyboard.TargetName="button" Storyboard.TargetProperty="(UIElement.Visibility)">
            <DiscreteObjectKeyFrame KeyTime="00:00:00" Value="{x:Static Visibility.Visible}"/>
            <DiscreteObjectKeyFrame KeyTime="00:00:00.8000000" Value="{x:Static Visibility.Collapsed}"/>
            <DiscreteObjectKeyFrame KeyTime="00:00:01.4000000" Value="{x:Static Visibility.Visible}"/>
        </ObjectAnimationUsingKeyFrames>
    </Storyboard>
</Window.Resources>
<Window.Triggers>
    <EventTrigger RoutedEvent="FrameworkElement.Loaded">
        <BeginStoryboard Storyboard="{StaticResource OnLoaded1}"/>
    </EventTrigger>
</Window.Triggers>