Using Aspose.Drawing in WinUI 2 App

WinUI 2 provides official native Windows UI controls and other user interface elements for UWP applications (and desktop applications using XAML Islands).

You can use Aspose.Drawing in your WinUI 2 app to draw vector graphics, text, and generate images as demonstrated in this tutorial.

1. Create a C# UWP App project.

In Visual Studio, create a new C# UWP Blank App project.

2. Add the Aspose.Drawing.Common package to App1 project dependencies.

3. Add image drawing code.

Replace the MainPage.xaml.cs file with the following code that draws a gradient and creates an image:

using Aspose.Drawing;
using Aspose.Drawing.Drawing2D;
using Aspose.Drawing.Imaging;
using System;
using System.IO;
using Windows.Storage.Streams;
using Windows.UI.Xaml.Controls;
using Windows.UI.Xaml.Media.Imaging;

namespace App2;

/// <summary>
/// An empty page that can be used on its own or navigated to within a <see cref="Frame">.
/// </summary>
public sealed partial class MainPage : Page
{
    public MainPage()
    {
        InitializeComponent();

        var bitmap = new BitmapImage();
        bitmap.SetSource(CreateImage());
        AsposeImage.Source = bitmap;
        AsposeImage.Width = 1000;
        AsposeImage.Height = 800;
    }

    public static async System.Threading.Tasks.Task SetLicense()
    {
        var uri = new System.Uri("ms-appx:///Assets/Aspose.Drawing.NET.lic");
        var storageFile = await Windows.Storage.StorageFile.GetFileFromApplicationUriAsync(uri);

        Stream stream = await storageFile.OpenStreamForReadAsync();
        License license = new License();
        license.SetLicense(stream);
    }

    private IRandomAccessStream CreateImage()
    {
        MemoryStream ms = new();

        Bitmap bitmap = new Bitmap(1000, 800, PixelFormat.Format32bppPArgb);
        Graphics graphics = Graphics.FromImage(bitmap);
        graphics.SmoothingMode = SmoothingMode.AntiAlias;

        Brush brush = new LinearGradientBrush(new Point(0, 0), new Point(1000, 800), Color.Red, Color.Blue);
        graphics.FillEllipse(brush, 100, 100, 800, 600);
        bitmap.Save(ms, ImageFormat.Png);

        ms.Seek(0, SeekOrigin.Begin);
        return ms.AsRandomAccessStream();
    }
}

4. Add an Aspose.Drawing license file.

Add your Aspose.Drawing.NET.lic file with Aspose.Drawing licensing information to the Assests folder in Solution Explorer.

Add async to OnLaunched declaration in App.xaml.cs and the following code:

await MainPage.SetLicense();

5. Add UI image.

Add Microsoft.UI.Xaml package to App1 project dependencies.

In the MainPage.xaml file, add the following code to Page and Grid:

xmlns:muxc=“using:Microsoft.UI.Xaml.Controls”

<muxc:ImageIcon x:Name=“AsposeImage” />

6. Run the application.

Start the project from Visual Studio, the app will display the gradient image created with Aspose.Drawing: