用MVVM模式开发中遇到的零散问题总结（4）——自制摄像头拍摄大头贴控件

最新推荐文章于 2021-07-11 20:11:18 发布

Mars_8114

最新推荐文章于 2021-07-11 20:11:18 发布

阅读量242

点赞数

文章标签： c#

原文链接：http://www.cnblogs.com/tong-tong/archive/2012/03/09/2385589.html

版权

　　一直有个疑问，为什么silverlight对摄像头支持这么好，WPF却一个库都没有....于是我各种苦恼啊，各种CodeProject啊，终于让我找到海外兄弟写的源码了，原理是通过不断向摄像头读取图片不断刷新到窗体控件上。有Demo就直接封个控件呗，具体怎么实现的也忙不得管它了....

功能还是十分不错呢。特别是它拍照后添加到列表里的动画效果十分不错哦~~

核心就是这几个类了，由于原作者估计很喜欢MVVM所以通过各种Command来控制的，不能直接导航看着有点头昏。我就自己的风格封了个简单易懂的控件。

新建一个工程，把这个文件夹添加进工程后，新建用户控件

前台代码：

xmlns:camPlayer="clr-namespace:CatenaLogic.Windows.Presentation.WebcamPlayer"

<camPlayer:CapPlayer x:Name="camPlayer"  RenderTransformOrigin="0.5,0.5" >
<camPlayer:CapPlayer.RenderTransform>
<TransformGroup>
<ScaleTransform ScaleY="-1" ScaleX="1"/>
<SkewTransform AngleY="0" AngleX="0"/>
<RotateTransform Angle="0"/>
<TranslateTransform/>
</TransformGroup>
</camPlayer:CapPlayer.RenderTransform>
</camPlayer:CapPlayer>

其实就一句话，主要是不知道为什么出现的效果是上下颠倒的，所以我给上下翻转下....

后台代码：

public ImageSource imgSource
        {
get { return (ImageSource)GetValue(imgSourceProperty); }
set { SetValue(imgSourceProperty, value); }
        }

public static readonly DependencyProperty imgSourceProperty =
            DependencyProperty.Register("imgSource", typeof(ImageSource), typeof(CopCamPlayer), null);



private void UserControl_Loaded(object sender, RoutedEventArgs e)
        {            
            camPlayer.Device = new CapDevice();
            camPlayer.Device.MonikerString = CapDevice.DeviceMonikers[0].MonikerString;//设置通过哪个设备            
        }

//拍照片
        public void CaptureImage()
        {
            imgSource = camPlayer.CurrentBitmap;
        }             

//停止摄像头占用
        private void UserControl_Unloaded(object sender, RoutedEventArgs e)
        {
            camPlayer.Device.Stop(); 
            GC.Collect(); //回收垃圾，不然停止不了占用         
        }

注意：一定要调用GC.Collect();强制回收一下垃圾，不然摄像头依然被占用(从c#发家的我，被这个坑惨了T_T)

其中拍的照片imgSource定义成依赖项属性方便Image控件直接绑定数据源。CaptureImage()方法的调用可以通过添加行为实现：

<Grid x:Name="圆形按钮" Height="56" Margin="0,0,335.333,119" VerticalAlignment="Bottom" HorizontalAlignment="Right" Width="59.333">
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseLeftButtonDown">
<ei:CallMethodAction TargetObject="{Binding ElementName=copCamPlayer}" MethodName="CaptureImage"/>
</i:EventTrigger>
</i:Interaction.Triggers>
</Grid>
<Image HorizontalAlignment="Right" Margin="0,250,67.5,163" Width="242" Source="{Binding imgSource, ElementName=copCamPlayer}"/>