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

2019-11-14 16:05:04

字体：大中小

来源：转载

供稿：网友

在图形软件中，我们经常使用到“另存为图片”的功能，本文即介绍如何将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");}