DevExpress控件可以进行摄像头图像采集，你知道吗？

界面开发小八哥

于 2021-10-25 10:56:54 发布

阅读量571

点赞数

文章标签： c# 开发语言后端 devexpress winform

原文链接：https://www.cnblogs.com/wuhuacong/p/6005161.html

版权

在以前的项目中，做摄像头的图片采集，我们一般还是需要做一个封装处理的，在较新版本的DevExpress控件里面，增加了一个CameraControl控件，可以直接调用摄像头显示的，因此也可以做头像采集等功能，本文介绍如何基于这个控件做相关的图像采集操作。

点击获取DevExpress Winform最新版

一、CameraControl控件介绍

该控件从15.1开始，就开始加入控件组了，控件的使用很简单，直接拖动到界面就可以在WinForm界面上使用了。本案例基于16.1进行开发的，因此也都具有这些控件模块的。

例如我们直接把CameraControl控件拖动到界面上，然后运行界面就可以看到如下效果。

DevExpress CameraControl控件使用-图1

在摄像的界面上，有一个配置的选项，可以对摄像头的分辨率等参数进行设置处理。

DevExpress CameraControl控件使用-图2

同时在PictureEdit控件上，也可以开启摄像头采集功能，只需要在控件属性里设置一下即可：

DevExpress CameraControl控件使用-图3

运行界面得到效果如下所示。

DevExpress CameraControl控件使用-图4

这个采集图片的菜单项文字没有汉化，因此有点怪异，我们也可以通过使用其内置的对话框（TakePictureDialog ）进行图片采集操作。

具体代码如下所示：

private void btnInternal_Click(object sender, EventArgs e)
{
TakePictureDialog d = new TakePictureDialog();
if (d.ShowDialog() == System.Windows.Forms.DialogResult.OK)
{
this.pictureEdit1.Image = d.Image;
}
}

调用得到的对话框是内置的，界面也是无法修改调整，包括文字内容。

DevExpress CameraControl控件使用-图5

二、自定义采集对话框

为了更好的实现对头像的采集操作，我们可以仿照这个对话框模块，做一个自定义的窗体，实现摄像头图像的采集操作，如下所示。

DevExpress CameraControl控件使用-图6

同时我们在对话框窗体里面设置一个Public的图像对象属性，如下所示：

/// <summary>
/// 采集图片
/// </summary>
public Image CameraImage { get; set; }

这样我们就方便设置和提取图像信息了。

捕获图像的代码就是从摄像控件里面获取一个快照就可以了，如下所示。

private void btnCapture_Click(object sender, EventArgs e)
{
this.CameraImage = this.cameraControl1.TakeSnapshot();
this.pictureEdit1.Image = this.CameraImage;
}

然后在窗体退出的时候，记得释放摄像头的资源，否则第二次就提示占用，无法使用了。

private void FrmCamera_FormClosing(object sender, FormClosingEventArgs e)
{
this.cameraControl1.Dispose();
}

整个对话框的完整代码如下所示。

public partial class FrmCamera : Form
{
/// <summary>
/// 采集图片
/// </summary>
public Image CameraImage { get; set; }

public FrmCamera()
{
InitializeComponent();
}

private void btnOK_Click(object sender, EventArgs e)
{
this.DialogResult = System.Windows.Forms.DialogResult.OK;
}

private void btnCapture_Click(object sender, EventArgs e)
{
this.CameraImage = this.cameraControl1.TakeSnapshot();
this.pictureEdit1.Image = this.CameraImage;
}

private void FrmCamera_FormClosing(object sender, FormClosingEventArgs e)
{
this.cameraControl1.Dispose();
}
}

最后运行可以得到界面如下所示。

DevExpress CameraControl控件使用-图7