如何在WPF中以PNG格式实现类GIF的加载动效？

针对你的需求，这里提供几个低资源消耗的可行方案：

方案一：预加载图片+DispatcherTimer切换帧 #

这是最直接且高效的方案，核心是一次性预加载所有PNG到内存，避免重复IO和解码，用DispatcherTimer控制帧切换节奏，仅在UI线程做轻量的Source切换操作。

实现步骤： #

1. XAML布局：添加一个Image控件用于显示帧

<Window x:Class="PngSequenceAnimation.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="PNG序列动画" Height="400" Width="400">
    <Grid>
        <Image x:Name="animationImage" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    </Grid>
</Window>

2. 后台逻辑：预加载图片，用DispatcherTimer切换帧

using System;
using System.Collections.Generic;
using System.Windows;
using System.Windows.Media.Imaging;
using System.Windows.Threading;

namespace PngSequenceAnimation
{
    public partial class MainWindow : Window
    {
        private List<BitmapImage> _frameImages;
        private int _currentFrameIndex = 0;
        private DispatcherTimer _animationTimer;
        // 帧速率（比如24帧/秒，间隔=1000/帧率）
        private const int FrameIntervalMs = 40;

        public MainWindow()
        {
            InitializeComponent();
            Loaded += MainWindow_Loaded;
        }

        private void MainWindow_Loaded(object sender, RoutedEventArgs e)
        {
            // 1. 预加载所有PNG图片
            _frameImages = new List<BitmapImage>();
            for (int i = 1; i <= 40; i++)
            {
                var bitmap = new BitmapImage();
                bitmap.BeginInit();
                // 替换为你的图片路径，建议用资源文件路径，比如pack://application:,,,/Images/frame_{i}.png
                bitmap.UriSource = new Uri($"pack://application:,,,/Images/frame_{i}.png", UriKind.Absolute);
                // 可选：设置解码尺寸，减少内存占用（如果图片尺寸过大）
                bitmap.DecodePixelWidth = 200;
                bitmap.CacheOption = BitmapCacheOption.OnLoad; // 加载后立即缓存到内存
                bitmap.EndInit();
                _frameImages.Add(bitmap);
            }

            // 2. 初始化定时器
            _animationTimer = new DispatcherTimer();
            _animationTimer.Interval = TimeSpan.FromMilliseconds(FrameIntervalMs);
            _animationTimer.Tick += AnimationTimer_Tick;
            _animationTimer.Start();
        }

        private void AnimationTimer_Tick(object sender, EventArgs e)
        {
            // 切换当前帧
            animationImage.Source = _frameImages[_currentFrameIndex];
            _currentFrameIndex = (_currentFrameIndex + 1) % _frameImages.Count;
        }

        // 窗口关闭时清理资源
        protected override void OnClosed(EventArgs e)
        {
            _animationTimer?.Stop();
            _animationTimer = null;
            _frameImages.Clear();
            base.OnClosed(e);
        }
    }
}

优化点： #

• 使用BitmapCacheOption.OnLoad确保图片加载后立即存入内存，避免重复解码
• 按需设置DecodePixelWidth/DecodePixelHeight，缩小解码后的图片尺寸，大幅降低内存占用
• 定时器间隔根据你的动画流畅度调整，避免过高帧率浪费资源

方案二：用WPF的AnimationTimeline自定义帧动画 #

通过自定义ObjectAnimationUsingKeyFrames，将所有图片作为关键帧绑定到Image的Source属性，利用WPF的动画系统管理帧切换，无需手动处理定时器。

实现示例： #

<Window x:Class="PngSequenceAnimation.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="PNG序列动画" Height="400" Width="400">
    <Grid>
        <Image x:Name="animationImage" HorizontalAlignment="Center" VerticalAlignment="Center">
            <Image.Triggers>
                <EventTrigger RoutedEvent="Loaded">
                    <BeginStoryboard>
                        <Storyboard RepeatBehavior="Forever">
                            <ObjectAnimationUsingKeyFrames Storyboard.TargetName="animationImage" 
                                                           Storyboard.TargetProperty="Source">
                                <!-- 40帧，每帧间隔40ms -->
                                <DiscreteObjectKeyFrame KeyTime="0:0:0.000" Value="pack://application:,,,/Images/frame_1.png"/>
                                <DiscreteObjectKeyFrame KeyTime="0:0:0.040" Value="pack://application:,,,/Images/frame_2.png"/>
                                <!-- 依次添加剩余38帧，KeyTime按0.040递增 -->
                                <DiscreteObjectKeyFrame KeyTime="0:0:1.560" Value="pack://application:,,,/Images/frame_40.png"/>
                            </ObjectAnimationUsingKeyFrames>
                        </Storyboard>
                    </BeginStoryboard>
                </EventTrigger>
            </Image.Triggers>
        </Image>
    </Grid>
</Window>

优缺点： #

• 优点：纯XAML实现，无需后台代码，WPF动画系统自动优化性能
• 缺点：如果帧数较多（40帧），XAML会比较冗长，可通过后台代码动态生成关键帧解决

方案三：使用WriteableBitmap手动更新（高性能场景） #

如果对内存和性能有极致要求，可以将所有PNG解码为像素数据，写入WriteableBitmap，通过定时器更新像素区域。这个方案适合超大量帧或低性能设备，但实现复杂度较高，一般前两个方案足够满足需求。

内容的提问来源于stack exchange，提问作者user18501010