WPF 如何显示gif

原创 2016年11月01日 09:52:34

最近碰到了要显示表情的需求,而表情刚好是gif的图片。

于是用了Image试了下,发现不行,只会显示第一帧,然后上网查了下资料,大致有这么几种方法,都可以实现。

第一种:

使用Winfrom里面的picturebox,缺点是要引用几个winfrom的dll


第二种:

用wpf的mediaelement控件,这控件本身是用来显示视频的,但是可以拿来放gif,

这种方式有一个局限就是图片路径必须是绝对路径

 <MediaElement Source="file://C:\129.gif" />

并且你还需要设置让他循环播放

<MediaElement Source="file://C:\129.gif" MediaEnded="MediaElement_MediaEnded"/>

  private void MediaElement_MediaEnded(object sender, RoutedEventArgs e)
  {
      ((MediaElement)sender).Position=((MediaElement)sender).Position.Add(TimeSpan.FromMilliseconds(1));
  }
而且我发现这种方法在win7以上的系统中才能使用,在XP系统下就失效了,所以果断放弃



第三种:

来自周银辉的博客,原文地址:http://www.cnblogs.com/zhouyinhui/archive/2007/12/23/1011555.html

大致的思路是:使用GifBitmapDecoder类,其可以将动态GIF分解成很多帧并保存在一个列表中,每一帧为一个BitmapFrame类型的对象,其父类为BitmapSource,可以将每一帧赋值给一个Image控件的Source属性,这样可以得到针对GIF各帧的Image系列。


第四种:就是目前我在用的方法,重写下Wpf的Image控件

来自CH似水年华的博客,原文地址: http://hi.baidu.com/mych/blog/item/1eb14f545f12a752564e00be.html

首先新建一个类继承自Image

public class GifImage : System.Windows.Controls.Image
{
/// <summary>
/// gif动画的System.Drawing.Bitmap
/// </summary>
private Bitmap gifBitmap;

/// <summary>
/// 用于显示每一帧的BitmapSource
/// </summary>
private BitmapSource bitmapSource;

public GifImage(string gifPath)
{
this.gifBitmap = new Bitmap(gifPath);
this.bitmapSource = this.GetBitmapSource();
this.Source = this.bitmapSource;
}

/// <summary>
/// 从System.Drawing.Bitmap中获得用于显示的那一帧图像的BitmapSource
/// </summary>
/// <returns></returns>
private BitmapSource GetBitmapSource()
{
IntPtr handle = IntPtr.Zero;

try
{
handle = this.gifBitmap.GetHbitmap();
this.bitmapSource = Imaging.CreateBitmapSourceFromHBitmap(handle, IntPtr.Zero, System.Windows.Int32Rect.Empty, BitmapSizeOptions.FromEmptyOptions());
}
finally
{
if (handle != IntPtr.Zero)
{
DeleteObject(handle);
}
}
return this.bitmapSource;
}

/// <summary>
/// Start animation
/// </summary>
public void StartAnimate()
{
ImageAnimator.Animate(this.gifBitmap, this.OnFrameChanged);
}

/// <summary>
/// Stop animation
/// </summary>
public void StopAnimate()
{
ImageAnimator.StopAnimate(this.gifBitmap, this.OnFrameChanged);
}

/// <summary>
/// Event handler for the frame changed
/// </summary>
private void OnFrameChanged(object sender, EventArgs e)
{
Dispatcher.BeginInvoke(DispatcherPriority.Normal, new Action(() =>
{
ImageAnimator.UpdateFrames(); // 更新到下一帧
if (this.bitmapSource != null)
{
this.bitmapSource.Freeze();
}

//// Convert the bitmap to BitmapSource that can be display in WPF Visual Tree
this.bitmapSource = this.GetBitmapSource();
Source = this.bitmapSource;
this.InvalidateVisual();
}));
}

/// <summary>
/// Delete local bitmap resource
/// Reference: http://msdn.microsoft.com/en-us/library/dd183539(VS.85).aspx
/// </summary>
[DllImport("gdi32.dll", CharSet = CharSet.Auto, SetLastError = true)]
[return: MarshalAs(UnmanagedType.Bool)]
static extern bool DeleteObject(IntPtr hObject);
} 
然后调用方式如下:
 private GifImage gifImage;
        public MainWindow()
        {
            InitializeComponent();
            this.gifImage = new GifImage("ProgressIndicator.gif");
            this.gifImage.Width = 100;
            this.gifImage.Height = 100;
            this.Content = this.gifImage;
        }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            Popup dd = new Popup();
            this.gifImage.StartAnimate();
        }
经测试,可以在xp下完美显示
版权声明:本文为博主原创文章,转载请注明原文地址和原作者

【C#】wpf添加gif动图支持

1.nuget里下载WpfAnimatedGif包,然后安装。 2.添加WpfAnimatedGif包的命名空间:xmlns:gif="http://wpfanimatedgif.codeplex.c...
  • catshitone
  • catshitone
  • 2017年06月08日 17:21
  • 1665

WPF播放GIF控件完整代码

WPF拥有很强的界面设计能力,可以很方便的做出非常漂亮的界面。但有个问题,WPF没有自己的播放GIF的控件。这让很多想在界面播放动态动画的人不得不使用视频来代替。WPF就真的不能播放GIF动图了吗?当...
  • Libby1984
  • Libby1984
  • 2016年09月14日 09:38
  • 2921

WPF 显示gif

  • 2014年02月28日 16:07
  • 711KB
  • 下载

WPF使用MediaElement显示gif图片

使用MediaElement来显示gif图片,封装控件代码如下: Xaml:
  • SANYUNI
  • SANYUNI
  • 2017年06月22日 17:12
  • 397

在Wpf中使用动态GIF图像的简单方法

Wpf本身的方法如果加载GIF实在是过于复杂,我们可以通过使用winform控件,减少复杂性方法一:利用winform控件 System.Windows.Forms. PictureBox pb ...
  • u012790747
  • u012790747
  • 2015年05月27日 21:26
  • 1768

WPF中GIF不动的问题解决方案。

WPF很强大,但是当WPF的image控件遇到gif时就只读了图片的第一帧,很好很强大! WPF不屑于gif的简单动画! 但是这对程序员来说不大爽啊!急得我眼泪都下来了! 幸好WPF里有Medi...
  • wangsui99
  • wangsui99
  • 2011年08月27日 20:40
  • 2455

wpf显示gif动画

  • 2014年09月04日 12:43
  • 57KB
  • 下载

WPF播放GIF

  • 2016年09月23日 10:46
  • 78KB
  • 下载

当WPF遇到了gif

WPF很强大,但是当WPF的image控件遇到gif时就只读了图片的第一帧,很好很强大!  WPF不屑于gif的简单动画!  但是这对程序员来说不大爽啊!急得我眼泪都下来了!  幸好WPF里有Medi...
  • zhang98722
  • zhang98722
  • 2010年12月07日 10:12
  • 2542

GIF Image Control For WPF

  • 2014年08月08日 16:20
  • 324KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WPF 如何显示gif
举报原因:
原因补充:

(最多只允许输入30个字)