保存Win2D CanvasControl内容

最新推荐文章于 2021-09-02 10:41:31 发布

flyingdream123

最新推荐文章于 2021-09-02 10:41:31 发布

阅读量231

点赞数

分类专栏： Win2D

本文链接：https://blog.csdn.net/flyingdream123/article/details/103162468

版权

Win2D 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

MainPage.xaml

<Page
    x:Class="SaveWin2dApp.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:SaveWin2dApp"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:canvasControl="using:Microsoft.Graphics.Canvas.UI.Xaml" 
    mc:Ignorable="d"
    Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Grid.RowDefinitions>
            <RowDefinition/>
            <RowDefinition Height="50"/>
        </Grid.RowDefinitions>
        <canvasControl:CanvasControl x:Name="canvas" CreateResources="canvas_CreateResources" Draw="canvas_Draw" />
        <StackPanel Orientation="Horizontal" Grid.Row="1">
            <Slider Minimum="50" Maximum="600" Width="200" x:Name="Slider" ValueChanged="Slider_ValueChanged"/>
            <Button Content="Save" Click="Button_Click"/>
        </StackPanel>

    </Grid>
</Page>

MainPage.xaml.cs

using Microsoft.Graphics.Canvas;
using Microsoft.Graphics.Canvas.UI.Xaml;
using System;
using System.IO;
using Windows.Foundation;
using Windows.Storage;
using Windows.Storage.Pickers;
using Windows.UI;
using Windows.UI.Xaml;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Controls.Primitives;

// https://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x804 上介绍了“空白页”项模板

namespace SaveWin2dApp
{
    /// <summary>
    /// 可用于自身或导航至 Frame 内部的空白页。
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
        }

        private void Draw(CanvasDrawingSession session)
        {
            session.Clear(Colors.CadetBlue);
            session.DrawRectangle(new Rect(this.Slider.Value, this.Slider.Value, 150, 150), Colors.Red, 5);
        }

        private void canvas_CreateResources(CanvasControl sender, Microsoft.Graphics.Canvas.UI.CanvasCreateResourcesEventArgs args)
        {

        }

        private void canvas_Draw(CanvasControl sender, CanvasDrawEventArgs args)
        {
            Draw(args.DrawingSession);
        }

        private void Slider_ValueChanged(object sender, RangeBaseValueChangedEventArgs e)
        {
            //当值变化时，使之前的绘制失效并且重新绘制。
            canvas.Invalidate();
        }

        private async void Button_Click(object sender, RoutedEventArgs e)
        {
            //将图象绘制到目标CanvasRenderTarget
            CanvasRenderTarget offscreen = new CanvasRenderTarget(this.canvas, (float)this.ActualWidth, (float)this.ActualHeight, 96);
            using (CanvasDrawingSession ds = offscreen.CreateDrawingSession())
            {
                this.Draw(ds);
            }
            //从目标CanvasRenderTarget中获取数据流，并且保存到文件
            using (MemoryStream stream = new MemoryStream())
            {
                await offscreen.SaveAsync(stream.AsRandomAccessStream(), CanvasBitmapFileFormat.Jpeg);
                FileSavePicker picker = new FileSavePicker()
                { 
                    SuggestedStartLocation= PickerLocationId.DocumentsLibrary,
                    DefaultFileExtension=".jpg",
                    SuggestedFileName="win2d_save"
                };
                picker.FileTypeChoices.Add("Jpeg image", new[] {".jpg" });
                StorageFile file = await picker.PickSaveFileAsync();
                if(file!=null)
                {
                    CachedFileManager.DeferUpdates(file);
                    using(Stream fileStream=await file.OpenStreamForWriteAsync())
                    {
                        stream.WriteTo(fileStream);
                        await stream.FlushAsync();
                    }
                    await CachedFileManager.CompleteUpdatesAsync(file);
                }
            }
        }
    }
}