Desaparecendo uma janela WPF numa estreita

Question

Eu quero a desvanecer-se uma janela in / out no meu aplicativo.
Desaparecendo em ocorre em Window.Loaded e eu queria desaparecer em close (Window.Closed ou Window.Closing). Desaparecendo em obras perfeitamente, mas Window.Closing não é permitido valor para a propriedade RoutedEvent.
O que RoutedEvent eu deveria estar usando por Close?

    <Window.Triggers>
        <EventTrigger RoutedEvent="Window.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:2" FillBehavior="HoldEnd" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
        <EventTrigger RoutedEvent="Window.Closing">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetProperty="Opacity" From="1" To="0" Duration="0:0:2" FillBehavior="HoldEnd" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Window.Triggers>

Eu recebo um erro em, Valor 'Window.Closing' não pode ser atribuído à propriedade 'RoutedEvent'. Nome inválido evento.

Answer 1

Encerramento não é um evento roteado, então você não pode usá-lo em um EventTrigger. Talvez você possa iniciar o storyboard no manipulador do ClosingEvent no código-behind e cancelar o evento ... algo assim:

private bool closeStoryBoardCompleted = false;

private void Window_Closing(object sender, CancelEventArgs e)
{
    if (!closeStoryBoardCompleted)
    {
        closeStoryBoard.Begin();
        e.Cancel = true;
    }
}

private void closeStoryBoard_Completed(object sender, EventArgs e)
{
    closeStoryBoardCompleted = true;
    this.Close();
}

Answer 2

Eu pensei em adicionar outra solução de fazer isso, usando comportamentos do SDK Expressão e combinando-o com a solução de @Thomas. Usando isso, podemos definir um "CloseBehavior" que manipula o código por trás de começar um storyboard e fechar a janela quando ele é feito.

using System.ComponentModel;
using System.Windows;
using System.Windows.Interactivity;
using System.Windows.Media.Animation;

namespace Presentation.Behaviours {
    public class CloseBehavior : Behavior<Window> {
        public static readonly DependencyProperty StoryboardProperty =
            DependencyProperty.Register("Storyboard", typeof(Storyboard), typeof(CloseBehavior), new PropertyMetadata(default(Storyboard)));

        public Storyboard Storyboard {
            get { return (Storyboard)GetValue(StoryboardProperty); }
            set { SetValue(StoryboardProperty, value); }
        }

        protected override void OnAttached() {
            base.OnAttached();
            AssociatedObject.Closing += onWindowClosing;
        }

        private void onWindowClosing(object sender, CancelEventArgs e) {
            if (Storyboard == null) {
                return;
            }
            e.Cancel = true;
            AssociatedObject.Closing -= onWindowClosing;

            Storyboard.Completed += (o, a) => AssociatedObject.Close();
            Storyboard.Begin(AssociatedObject);
        }
    }
}

O comportamento define um storyboard como um propriedade de dependência, para que possamos colocá-lo em XAML e quando o AssociatedObject (a janela onde definimos o comportamento) está fechando, este storyboard é iniciado usando Storyboard.Begin(). Agora, em XAML que simplesmente adicionar o comportamento da janela usando o seguinte XAML

<Window x:Class="Presentation.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:behave="clr-namespace:Presentation.Behaviours"
        xmlns:i="clr-namespace:System.Windows.Interactivity;assembly=System.Windows.Interactivity"
        x:Name="window">
    <Window.Resources>
        <Storyboard x:Key="ExitAnimation">
            <DoubleAnimation Storyboard.Target="{Binding ElementName='window'}"
                             Storyboard.TargetProperty="(Window.Opacity)"
                             Duration="0:0:1" From="1" To="0"/>
        </Storyboard>
    </Window.Resources>

    <i:Interaction.Behaviors>
        <behave:CloseBehavior Storyboard="{StaticResource ExitAnimation}"/>
    </i:Interaction.Behaviors>

    <Grid>
    </Grid>
</Window>

Observe o i xml namespace do dll System.Windows.Interactivity, e também que a janela é referenciado, por isso tem que ter um x:Name atribuído. Agora nós simplesmente adicionar o comportamento de cada janela em que queremos executar um storyboard antes de fechar o aplicativo, em vez de copiar a lógica para cada code-behind em cada janela.

Answer 3

Eu não sou um especialista em WPF, mas eu acredito que se você não cancelar o evento de encerramento inicial da janela será ido antes a animação é mesmo de começar.

Ao receber o evento Window.Closing, você deve cancelar o evento e começar a animação. Quando a animação é feito, você pode fechar a janela.

Answer 4

Este é ainda mais simples e mais curto. Adicionar um comportamento a seguinte:

public class WindowClosingBehavior : Behavior<Window>
    {
        protected override void OnAttached()
        {
            AssociatedObject.Closing += AssociatedObject_Closing;
        }

        private void AssociatedObject_Closing(object sender, System.ComponentModel.CancelEventArgs e)
        {
            Window window = sender as Window;
            window.Closing -= AssociatedObject_Closing;
            e.Cancel = true;
            var anim = new DoubleAnimation(0, (Duration)TimeSpan.FromSeconds(0.5));
            anim.Completed += (s, _) => window.Close();
            window.BeginAnimation(UIElement.OpacityProperty, anim);
        }
        protected override void OnDetaching()
        {
            AssociatedObject.Closing -= AssociatedObject_Closing;
        }
    }

Em seguida, na janela de adicionar uma referência:

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
xmlns:wt="clr-namespace:Desktop.Themes.WindowTask;assembly=Desktop.Themes"

Inserir o comportamento:

<i:Interaction.Behaviors>
     <wt:WindowClosingBehavior />
</i:Interaction.Behaviors>

Answer 5

Set AutoReverse para "true"

<Window.Triggers>
        <EventTrigger RoutedEvent="Window.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <DoubleAnimation Storyboard.TargetProperty="Opacity" AutoReverse="True" From="0" To="1" Duration="0:0:0.5" FillBehavior="HoldEnd" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </Window.Triggers>