web-dev-qa-db-ja.com

閉じるときにwpfウィンドウをフェードアウトする

アプリケーションでウィンドウをフェードイン/フェードアウトしたい。
フェードインはWindow.Loadedで発生し、閉じるときにフェードアウトしたかった（Window.ClosedまたはWindow.Closing）。フェードインは完全に機能しますが、Window.ClosingはRoutedEventプロパティの値として許可されていません。
CloseにはどのRoutedEventを使用する必要がありますか？

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

値 'Window.Closing'をプロパティ 'RoutedEvent'に割り当てることができませんでエラーが発生します。イベント名が無効です。

c#wpfanimationeventtriggerroutedevent
22
James

クロージングは​​ルーティングされたイベントではないため、EventTriggerで使用することはできません。おそらく、コードビハインドのClosingEventのハンドラーでストーリーボードを開始し、イベントをキャンセルすることができます...そのようなもの：

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();
}
32
Thomas Levesque

Expression SDKの動作を使用し、それを@Thomasのソリューションと組み合わせて、これを行う別のソリューションを追加すると思いました。これを使用して、ストーリーボードを開始し、終了時にウィンドウを閉じる背後にあるコードを処理する「CloseBehavior」を定義できます。

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

動作はストーリーボードを依存関係プロパティとして定義するため、xamlで設定でき、AssociatedObject（動作を定義するウィンドウ）が閉じると、このストーリーボードはStoryboard.Begin()を使用して開始されます。 。ここで、xamlでは、次の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>
_

System.Windows.Interactivitydllのxml名前空間iに注意してください。また、ウィンドウが参照されているため、_x:Name_を割り当てる必要があります。ここで、各ウィンドウのすべてのコードビハインドにロジックをコピーするのではなく、アプリケーションを閉じる前にストーリーボードを実行するすべてのウィンドウに動作を追加するだけです。

9
Patrick

私はWPFの専門家ではありませんが、最初のClosingイベントをキャンセルしない限り、アニメーションが開始される前にウィンドウが消えると思います。

Window.Closingイベントを受信したら、イベントをキャンセルしてアニメーションを開始する必要があります。アニメーションが終了したら、ウィンドウを閉じることができます。

1
Peter Lillevold

これはさらに簡単で短いです。次のように動作を追加します。

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

次に、ウィンドウに参照を追加します。

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

ビヘイビアを挿入します。

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