相信，耍過(guò)WPF的人都知道RenderTargetBitmap這個(gè)玩意兒，這家伙比較有意思，它可以將用戶界面上呈現(xiàn)的東西寫入到內(nèi)存的位圖對(duì)象，從而開發(fā)者可以在應(yīng)用程序中使用它，或者將其保存為圖像文件。

在Runtime API里面也有這個(gè)位圖組件，可以將UI元素呈現(xiàn)到位圖中，當(dāng)然，它也不是萬(wàn)能的，首先，要寫入到位圖中的UI對(duì)象必須已經(jīng)在用戶界面上呈現(xiàn)了，也就是說(shuō)，只要你能看到界面上出現(xiàn)的東東，它才會(huì)寫入位圖對(duì)象；其次，要呈現(xiàn)到位圖中的UI元素需要位于可視化樹中，我簡(jiǎn)單地總結(jié)為：只要是放在Page內(nèi)并且可見(jiàn)的元素，都可以生成位圖。

?

調(diào)用RenderTargetBitmap類的RenderAsync方法來(lái)將可視化對(duì)象呈現(xiàn)到RenderTargetBitmap中，如果只是在應(yīng)用程序中顯示該生成的位圖，那么，直接把RenderTargetBitmap對(duì)象賦值給Image控件的Source屬性即可。

要是希望保存為圖像文件，就要用到BitmapEncoder類，也就是圖像編碼。大家知道，在編碼圖像文件時(shí)，是向流中寫入字節(jié)數(shù)組（byte[]）作為圖像的像素?cái)?shù)據(jù)的，那么，如何提取RenderTargetBitmap位圖中的像素?cái)?shù)據(jù)呢。你會(huì)發(fā)現(xiàn)RenderTargetBitmap類有個(gè)GetPixelsAsync方法，對(duì)的，通過(guò)該方法就可以返回位圖的像素?cái)?shù)據(jù)，只不過(guò)其類型為IBuffer，這樣大家又會(huì)疑惑了，如何變成byte[]呢？

勿急，你只要引入System.Runtime.InteropServices.WindowsRuntime命名空間，里面就有相關(guān)類型為IBuffer定義了擴(kuò)展方法——ToArray，調(diào)用它可以返回byte[]。

之后的事情就好辦了。

?

理論永遠(yuǎn)是抽象的，咱們還是干點(diǎn)實(shí)事吧，這里我弄了個(gè)不那么美觀的示例。

示例項(xiàng)目中有四張圖片，順便Show一下老周的書法作品。在應(yīng)用頁(yè)面上，把這四張圖片分別作為畫刷來(lái)填充圖形。XAML如下：

<Grid><Grid.RowDefinitions><RowDefinition/><RowDefinition Height="Auto"/></Grid.RowDefinitions><Canvas x:Name="cv"> <Ellipse Width="250" Height="200" Canvas.Left="50" Canvas.Top="20"><Ellipse.Fill><ImageBrush ImageSource="/01.png" Stretch="UniformToFill"/></Ellipse.Fill></Ellipse><Rectangle Width="180" Height="250" Canvas.Top="240" Canvas.Left="10" RadiusX="12" RadiusY="20"><Rectangle.Fill><ImageBrush ImageSource="/02.png" Stretch="UniformToFill"/></Rectangle.Fill></Rectangle><Polygon Points="50,0 100,50 50,100 0,50" Width="240" Height="240" Canvas.Left="150" Canvas.Top="230" Stretch="Uniform"><Polygon.Fill><ImageBrush ImageSource="03.png" Stretch="UniformToFill"/></Polygon.Fill></Polygon><Ellipse Width="130" Height="130" Canvas.Left="245" Canvas.Top="80"><Ellipse.Fill><ImageBrush ImageSource="/04.png" Stretch="UniformToFill"/></Ellipse.Fill></Ellipse></Canvas><Button Content="保存圖像文件" Grid.Row="1" Click="OnClick"/></Grid>

然后，處理Button的事件，生成圖片，保存到相冊(cè)中的“保存的圖片”中。

private async void OnClick(object sender, RoutedEventArgs e){Button b = sender as Button;b.IsEnabled = false;StorageFolder savedPics = KnownFolders.SavedPictures;// 1、在位圖中呈現(xiàn)UI元素RenderTargetBitmap rtb = new RenderTargetBitmap();await rtb.RenderAsync(this.cv);// 提取像素?cái)?shù)據(jù)IBuffer buffer = await rtb.GetPixelsAsync();// 創(chuàng)建新文件StorageFile newFile = await savedPics.CreateFileAsync("test-3-7-11-5.png", CreationCollisionOption.ReplaceExisting);// 獲取文件流IRandomAccessStream streamOut = await newFile.OpenAsync(FileAccessMode.ReadWrite);// 實(shí)例化編碼器BitmapEncoder pngEncoder = await BitmapEncoder.CreateAsync(BitmapEncoder.PngEncoderId, streamOut);// 寫入像素?cái)?shù)據(jù)byte[] data = buffer.ToArray();pngEncoder.SetPixelData(BitmapPixelFormat.Bgra8,BitmapAlphaMode.Straight,(uint)rtb.PixelWidth,(uint)rtb.PixelHeight,96d, 96d, data);await pngEncoder.FlushAsync();streamOut.Dispose();b.IsEnabled = true;}

?

運(yùn)行效果如下圖

?

在寫入像素?cái)?shù)據(jù)時(shí)，最常用的格式是rgba8或bgra8，一般8位夠用了，雖然就是R值和B值的通道順序不同，但這兩種格式所保存的圖片文件效果不太一樣，我覺(jué)得bgra8好一點(diǎn)，沒(méi)有偏色。

下面是保存后的PNG圖片，左邊的是用RGBA格式的，右邊是用BGRA格式的，大家自行比較吧。

????????? ?

?

雖然老周的書法水平不怎么樣，大家將就著看吧，重點(diǎn)是看RenderTargetBitmap類的用法。

示例下載：http://files.cnblogs.com/tcjiaan/RenderUiApp.zip

好，再次感謝您收看老周吹牛節(jié)目，再見(jiàn)。

?

轉(zhuǎn)載于:https://www.cnblogs.com/tcjiaan/p/4248568.html

總結(jié)

以上是生活随笔為你收集整理的【WP8.1开发】RenderTargetBitmap类的特殊用途的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。