【WPF动画】简单构造一个相册轮播图淡化切换特效

本文链接：https://blog.youkuaiyun.com/qq_36651243/article/details/130426504

该代码示例展示了如何在WPF中结合定时器和DoubleAnimation创建一个简单的轮播图，实现图片之间的淡入淡出切换效果。定时器每4秒切换一次图像，而DoubleAnimation负责图像的透明度变化，提供平滑的过渡效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图

在这里插入图片描述
简单的定时器结合DoubleAnimation使用示例，实现轮播图淡化切入特效

代码部分

<Image x:Name="carouselImage" Margin="10" HorizontalAlignment="Center" VerticalAlignment="Center" Stretch="UniformToFill">
    <Image.Resources>
        <Storyboard x:Key="SwitchImageStoryboard">
            <DoubleAnimation Storyboard.TargetName="carouselImage" Storyboard.TargetProperty="Opacity" From="0" To="1" Duration="0:0:1" BeginTime="0:0:0" />
            <DoubleAnimation Storyboard.TargetName="carouselImage" Storyboard.TargetProperty="Opacity" From="1" To="0" Duration="0:0:1" BeginTime="0:0:3" />
        </Storyboard>
    </Image.Resources>
</Image>

 private void StartCarousel()
{
    timer = new DispatcherTimer();
    timer.Interval = new TimeSpan(0, 0, 4);
    timer.Tick += Timer_Tick;
    timer.Start();

    SetImageSource(currentImageIndex);
}

private void Timer_Tick(object sender, EventArgs e)
{
    currentImageIndex = (currentImageIndex + 1) % imageFiles.Count;
    SetImageSource(currentImageIndex);
}

private void SetImageSource(int index)
{
    var path = imageFiles[index];
    carouselImage.Source = GetImageCache(path);
    ((Storyboard)carouselImage.Resources["SwitchImageStoryboard"]).Begin();
}

private BitmapImage GetImageCache(string sUrl)
{
    BitmapImage bmp = null;
    BitmapImage img = new BitmapImage();
    img.BeginInit();
    img.CacheOption = BitmapCacheOption.OnLoad;
    img.UriSource = new Uri(sUrl);
    img.EndInit();
    img.Freeze();
    bmp = img;
    return bmp;
}