wpf - WPF での画像のフェードインアウト

Question

スライド ショーのように画像ソースを変更するときに、FadeIn と FadeOut の画像を実装するにはどうすればよいですか。私の画像はローカルとウェブから読み込まれ、その数は可変です。ありがとうございました

Answer 1

Opacityプロパティを 0 にアニメートして画像をフェードアウトし、プロパティを設定してSource、最後に不透明度を 1 に戻す拡張メソッドを作成できます。

public static void ChangeSource(
    this Image image, ImageSource source, TimeSpan fadeOutTime, TimeSpan fadeInTime)
{
    var fadeInAnimation = new DoubleAnimation(1d, fadeInTime);

    if (image.Source != null)
    {
        var fadeOutAnimation = new DoubleAnimation(0d, fadeOutTime);

        fadeOutAnimation.Completed += (o, e) =>
        {
            image.Source = source;
            image.BeginAnimation(Image.OpacityProperty, fadeInAnimation);
        };

        image.BeginAnimation(Image.OpacityProperty, fadeOutAnimation);
    }
    else
    {
        image.Opacity = 0d;
        image.Source = source;
        image.BeginAnimation(Image.OpacityProperty, fadeInAnimation);
    }
}