Silverlight 4实现在线大头贴程序，支持打印

Silverlight 4提供了许多的新特性，如摄像头、打印等。这里我就用Silverlight 4做了一个在线照大头贴的小东西。

先放效果图：











项目结构如下图所示：





template目录里存放的是一些简单的遮罩模板，这些模板都实现了IFillBrushable接口。

主界面（Page.xaml）的主要代码如下：

<Grid x:Name="LayoutRoot">
<Grid x:Name="grdRender" Width="180" Height="180" Margin="10,10,200,100" ShowGridLines="False">
</Grid>

<Button Content="保存" Height="23" HorizontalAlignment="Left" Margin="12,251,0,0" x:Name="btnSave" VerticalAlignment="Top" Width="75" Click="btnSave_Click" />
<Button Content="捕获" Height="23" HorizontalAlignment="Left" Margin="12,214,0,0" x:Name="btnCapture" VerticalAlignment="Top" Width="75" Click="btnCapture_Click" />
<Button Content="导入" Height="23" HorizontalAlignment="Left" Margin="104,214,0,0" x:Name="btnImport" VerticalAlignment="Top" Width="75" Click="btnImport_Click" />
<Button Content="打印" Height="23" HorizontalAlignment="Left" Margin="104,251,0,0" x:Name="btnPrint" VerticalAlignment="Top" Width="75" Click="btnPrint_Click" />
<ListBox Height="200" HorizontalAlignment="Left" Margin="228,10,0,0" Name="lstTemplate" VerticalAlignment="Top" Width="110" SelectionChanged="lstTemplate_SelectionChanged" >
</ListBox>
<Grid.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FF524040" Offset="0" />
<GradientStop Color="#FFD8BCBC" Offset="1" />
<GradientStop Color="#FF3E3A3A" Offset="0.26" />
</LinearGradientBrush>
</Grid.Background>
</Grid>

效果如下：





后台代码：

public partial class Page : UserControl
{

UserControl render = null;
public Page()
{
InitializeComponent();
//Load事件
this.Loaded += (sender, e) =>
{
//加载默认的遮罩模板
render = new starTemp() { Margin = new Thickness(0), FillBrush = new SolidColorBrush(Color.FromArgb(255, 255, 0, 0)) };
grdRender.Children.Add(render);

//绑定模板数据到ListBox
BindTemplateControl();
};
}

private void btnSave_Click(object sender, RoutedEventArgs e)
{
//创建WriteableBitmap
WriteableBitmap wb = new WriteableBitmap(grdRender, null);

SaveFileDialog sfd = new SaveFileDialog();
sfd.ShowDialog();
if (!string.IsNullOrEmpty(sfd.SafeFileName.Trim()))
{
using (Stream stream = sfd.OpenFile())
{
// 将WriteableBitmap数据写入到Stream
SaveBitmap(wb, stream);
//关闭保存流
stream.Close();
}
}
}

/// <summary>
/// 将WriteableBitmap数据写入到Stream
/// </summary>
/// <param name="bitmap"></param>
/// <param name="fs"></param>
private void SaveBitmap(WriteableBitmap bitmap, Stream fs)
{
int pixelWidth = bitmap.PixelWidth;
int pixelHeight = bitmap.PixelHeight;
int num3 = 3;
byte[][,] bufferArray = new byte[num3][,];
for (int i = 0; i < num3; i++)
{
bufferArray[i] = new byte[pixelWidth, pixelHeight];
}
for (int j = 0; j < pixelHeight; j++)
{
for (int k = 0; k < pixelWidth; k++)
{
int num7 = bitmap.Pixels[(pixelWidth * j) + k];
bufferArray[0][k, j] = (byte)(num7 >> 0x10);
bufferArray[1][k, j] = (byte)(num7 >> 8);
bufferArray[2][k, j] = (byte)num7;
}
}
ColorModel model2 = new ColorModel()
{
colorspace = ColorSpace.RGB
};
ColorModel model = model2;
FluxJpeg.Core.Image image = new FluxJpeg.Core.Image(model, bufferArray);
MemoryStream stream = new MemoryStream();
new JpegEncoder(image, 100, stream).Encode();
stream.Seek(0L, SeekOrigin.Begin);
byte[] buffer = new byte[stream.Length];
long num8 = stream.Read(buffer, 0, (int)stream.Length);
fs.Write(buffer, 0, buffer.Length);
}

private void OnStart()
{
//实例化CaptureSource
CaptureSource source = new CaptureSource();
//是否请允许访问设备
bool blnAllowedDeviceAccess = CaptureDeviceConfiguration.AllowedDeviceAccess;
//请求设备，返回是否成功
bool blnRequestDeviceAccess = CaptureDeviceConfiguration.RequestDeviceAccess();
//禁止访问设备则返回
if (blnAllowedDeviceAccess
|| !blnRequestDeviceAccess)
return;

//设置捕获的视频设备
source.VideoCaptureDevice = CaptureDeviceConfiguration.GetDefaultVideoCaptureDevice();
//新建一个VideoBrush
VideoBrush videoBrush = new VideoBrush();
//设置VideoBrush的数据源
videoBrush.SetSource(source);
//设置grdRender的背景为videoBrush
grdRender.Background = videoBrush;
//捕获
source.Start();
}

private void btnCapture_Click(object sender, RoutedEventArgs e)
{
OnStart();
}

/// <summary>
/// 导入遮罩图片
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void btnImport_Click_Click(object sender, RoutedEventArgs e)
{
OpenFileDialog ofd = new OpenFileDialog();
ofd.ShowDialog();
if (ofd.File != null)
{
//创建ImageBrush
ImageBrush ib = new ImageBrush();
//打开的图片文件的流
Stream stream = ofd.File.OpenRead();
var bmp = new BitmapImage();
//填充到BitmapImage中
bmp.SetSource(stream);
ib.ImageSource = bmp;
//设置为遮罩控件的FillBursh
(render as IFillBrushable).FillBrush = ib;
}
}

private void btnPrint_Click(object sender, RoutedEventArgs e)
{
//创建打印文档对象
PrintDocument pd = new PrintDocument();
//设置文档标题
pd.SetValue(PrintDocument.DocumentNameProperty, "大头贴");
//设置打印区，为render对象
pd.PrintPage += (ppsender, ppe) => { ppe.PageVisual = render; };
pd.Print();
}

private void BindTemplateControl()
{
//获取当前程序集
var assembly = Assembly.GetExecutingAssembly();
//根据Namespace取类型
Type[] types = assembly.GetTypes().Where(p => p.Namespace == "SilverlightApplication1.template").ToArray();
//设置lstTemplate的数据源为上面类型的名称集合
lstTemplate.ItemsSource = from mod in types select mod.Name;
lstTemplate.UpdateLayout();
}

/// <summary>
/// ListBox选择项改变
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void lstTemplate_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
//先清楚grdRender的子控件，即遮罩控件
grdRender.Children.Clear();
//分所当前选择的第一项改变
switch (e.AddedItems[0].ToString())
{
case "hart":
render = new hartTemp() { Margin = new Thickness(0), FillBrush = new SolidColorBrush(Color.FromArgb(255, 255, 0, 0)) };
grdRender.Children.Add(render);
break;
case "Star":
render = new starTemp() { Margin = new Thickness(0), FillBrush = new SolidColorBrush(Color.FromArgb(255, 255, 0, 0)) };
grdRender.Children.Add(render);
break;
}
}
}

遮罩模板接口：

/// <summary>
/// 遮罩控件层接口
/// </summary>
public interface IFillBrushable
{
/// <summary>
/// 遮挡区的填充画笔
/// </summary>
Brush FillBrush
{ get; set; }
}

然后就是遮罩模板控件，如心形遮罩控件的Xaml如下：

<Grid x:Name="LayoutRoot" Background="#00FF0000" >
<Path x:Name="pathMask" Stretch="UniformToFill" Stroke="Black" StrokeThickness="0"  HorizontalAlignment="Left" VerticalAlignment="Top" UseLayoutRounding="False" Data="M130,10.504693 C110.25,10.755516 90.5,21.039251 90.5,41.105072 C90.5,0.97377241 10.5,0.9732672 10.500001,41.105072 C10.5,81.236885 90.5,161.50002 90.5,161.50002 C90.5,161.50002 169.5,80.233429 169.5,40.10178 C169.5,20.035959 149.75,10.253871 130,10.504693 z M0.5,0.5 L179.5,0.5 L179.5,171.5 L0.5,171.5 z">
</Path>
</Grid>

后台代码如下（一定要实现IFillBrushable接口）：

public partial class hartTemp : UserControl, IFillBrushable
{
#region 是实现FillBrush属性

public static DependencyProperty FillBrushProperty;

public Brush FillBrush
{
get
{ return base.GetValue(FillBrushProperty) as Brush; }
set
{ base.SetValue(FillBrushProperty, value); }
}

static void OnFillBrushChanged(DependencyObject sender, DependencyPropertyChangedEventArgs e)
{
(sender as hartTemp).OnFillBrushChanged(e);
}

void OnFillBrushChanged(DependencyPropertyChangedEventArgs e)
{
pathMask.Fill = e.NewValue as Brush;
}
#endregion

public hartTemp()
{
FillBrushProperty = DependencyProperty.Register("FillBrush",
typeof(Brush),
typeof(hartTemp),
new PropertyMetadata(new SolidColorBrush(Color.FromArgb(255, 255, 0, 0)), new PropertyChangedCallback(hartTemp.OnFillBrushChanged)));
InitializeComponent();
}
}

其它的内容可以下载附件中的源码。

注意：开发调试环境为Vs2010 B2版 ，Silverlight 4。由于没有摄像头所以我这里用了个虚拟摄像头放的是视频。

源码下载：附件：CaptureTest.rar