OpencvSharp 在WPF的Image控件中显示图像

1、安装OpencvSharp

我使用的是VS2013 社区版,安装OpencvSharp3.0

在线安装方法:进入Tools,打开NuGet的包管理器

OpencvSharp 在WPF的Image控件中显示图像

搜索Opencv

OpencvSharp 在WPF的Image控件中显示图像

安装之后就可以使用,无需再做其他配置。

但是有个问题就是每新建一个解决方案就得重新下载安装,对网速慢的小伙伴很不友好。

离线安装方法:

打开一个已经安装过OpencvSharp3的解决方案的目录,在Package目录下有OpencvSharp的安装包,

后缀为nupkg。

OpencvSharp 在WPF的Image控件中显示图像

打开新建的未安装OpencvSharp的解决方案,进到Tools,NuGet管理器,选择左下角的Setting。

OpencvSharp 在WPF的Image控件中显示图像

添加一个package source,并将其source设置为刚才OpencvSharp安装包所在的目录即可,然后取一个好记得名字。

OpencvSharp 在WPF的Image控件中显示图像

回到NuGet包管理界面,会发现Online里多了一个Package Source 选项,这个选项里可以看到刚才目录下的安装包,点击安装即可。

OpencvSharp 在WPF的Image控件中显示图像

2、建立WPF工程

新建WPF工程,拖入两个button,一个Image控件。

OpencvSharp 在WPF的Image控件中显示图像

为了使用OpencvSharp,需要在文件开头添加:

using OpenCvSharp;

之后在button1的响应函数下添加图片显示的代码:

Mat image = new Mat(@"girl.png", ImreadModes.Color);
Cv2.ImShow("Demo", image);
Cv2.WaitKey(0);

这样就实现了图片显示的功能,但是图片会显示在一个弹出的窗口上,而不会显示在Image控件上。

3、Bitmap 转 BitmapImage

将图片显示在Image控件上很简单,只需要设置Image控件的source属性,可参考:WPF中使用Image控件显示图片 - CSDN博客 https://blog.csdn.net/chuangand/article/details/48031271

WPFImge.Source = BitmapImage;

因此需要把Mat类型转化为BitmapImage类型。

先把Mat转化为Bitmap类型:

public Bitmap MatToBitmap(Mat image)
        {
            return OpenCvSharp.Extensions.BitmapConverter.ToBitmap(image);
        }

再转化为BitmapImage类型。

public BitmapImage MatToBitmapImage(Mat image)
        {
            Bitmap bitmap = MatToBitmap(image);
            using (MemoryStream stream = new MemoryStream())
            {
                bitmap.Save(stream, System.Drawing.Imaging.ImageFormat.Png); // 坑点:格式选Bmp时,不带透明度

                stream.Position = 0;
                BitmapImage result = new BitmapImage();
                result.BeginInit();
                // According to MSDN, "The default OnDemand cache option retains access to the stream until the image is needed."
                // Force the bitmap to load right now so we can dispose the stream.
                result.CacheOption = BitmapCacheOption.OnLoad;
                result.StreamSource = stream;
                result.EndInit();
                result.Freeze();
                return result;
            }
        }

最后在button2的响应函数中添加显示图像的代码:

private void button2_Click(object sender, RoutedEventArgs e)
        {
            try
            {
                Mat image = new Mat(@"girl.png", ImreadModes.Color);
                WPFImge.Source = MatToBitmapImage(image);
            }
            catch(Exception exp)
            {
                MessageBox.Show(exp.ToString());
                return;
            }           
        }

参考文献:

c# 4.0 - How can I convert Mat to Bitmap using OpenCVSharp? - Stack Overflow https://*.com/questions/37540750/how-can-i-convert-mat-to-bitmap-using-opencvsharp

【C#/WPF】Bitmap、BitmapImage、ImageSource 、byte[]转换问题 - CSDN博客 https://blog.csdn.net/qq_18995513/article/details/53693554

4、添加引用:using和reference

上一节中用到的变量类型对应的命名空间如下:

using System.Windows.Media.Imaging; //使用BitMapImage类型
using OpenCvSharp;    //OpencvSharp
using System.Drawing; //使用Bitmap类型
using System.IO; //使用MemoryStream类型

如果代码中添加了命名空间还是报错,就需要手动添加reference。

首先看看用到的命名空间是否在现有的reference中:

OpencvSharp 在WPF的Image控件中显示图像OpencvSharp 在WPF的Image控件中显示图像

如果没有,就要手动Add Reference…比如我新建的项目中就没有自动添加Drawing这个命名空间:

OpencvSharp 在WPF的Image控件中显示图像