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");}