WPF学习06：转换控件内容为可存储图片

在图形软件中，我们经常使用到“另存为图片”的功能，本文即介绍如何将WPF控件显示内容转换为图片。

例子

保存界面显示内容为图片：







代码：

var bitmapRender = new RenderTargetBitmap((int)MainCanvas.ActualWidth, (int)MainCanvas.ActualHeight, 96, 96, PixelFormats.Pbgra32);
bitmapRender.Render(MainCanvas);
var bmpEncoder = new BmpBitmapEncoder();
bmpEncoder.Frames.Add(BitmapFrame.Create(bitmapRender));
using (var file = File.Create("output.bmp"))
bmpEncoder.Save(file);

转换各种格式的图片

封装出如下函数：

private void GetPicFromControl(FrameworkElement element, String type, String outputPath)
{
//96为显示器DPI
var bitmapRender = new RenderTargetBitmap((int)element.ActualWidth, (int)element.ActualHeight, 96, 96, PixelFormats.Pbgra32);
//控件内容渲染RenderTargetBitmap
bitmapRender.Render(element);
BitmapEncoder encoder = null;
//选取编码器
switch (type.ToUpper())
{
case "BMP":
encoder = new BmpBitmapEncoder();
break;
case "GIF":
encoder = new GifBitmapEncoder();
break;
case "JPEG":
encoder = new JpegBitmapEncoder();
break;
case "PNG":
encoder = new PngBitmapEncoder();
break;
case "TIFF":
encoder = new TiffBitmapEncoder();
break;
default:
break;
}
//对于一般的图片，只有一帧，动态图片是有多帧的。
encoder.Frames.Add(BitmapFrame.Create(bitmapRender));
if (!Directory.Exists(System.IO.Path.GetDirectoryName(outputPath)))
Directory.CreateDirectory(System.IO.Path.GetDirectoryName(outputPath));
using (var file = File.Create(outputPath))
encoder.Save(file);
}

WPF中，控件基本都继承于FrameworkElement，所以，所有的控件都可以直接丢进来，并转换其内容为特定格式的图片。
测试代码XAML部分：

<Window x:Class="BMPGenerator.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525" Loaded="Window_Loaded">
<StackPanel>
<Canvas Name="MainCanvas" Background="White" Height="270"/>
<Button Click="Button_Click">PicGenerate</Button>
</StackPanel>
</Window>

测试代码后台部分：

private void Button_Click(object sender, RoutedEventArgs e)
{
GetPicFromControl(MainCanvas, "BMP", @"E:\Tmp\output.BMP");
GetPicFromControl(MainCanvas, "GIF", @"E:\Tmp\output.GIF");
GetPicFromControl(MainCanvas, "JPEG", @"E:\Tmp\output.JPEG");
GetPicFromControl(MainCanvas, "PNG", @"E:\Tmp\output.PNG");
GetPicFromControl(MainCanvas, "TIFF", @"E:\Tmp\output.TIFF");
}

结果：