Using Aspose.Drawing in WinUI 3 App

WinUI 3 is the native UI platform component that ships with the Windows App SDK (completely decoupled from Windows SDKs). The Windows App SDK provides a unified set of APIs and tools that can be used to create production desktop apps that target Windows 10 and later, and can be published to the Microsoft Store.

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

1. Create a C# WinUI 3 App project.

In Visual Studio, create a new C# Blank App, Packaged (WinUI 3 in desktop) project.

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

3. Add image drawing code.

Replace the MainWindow.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 Microsoft.UI.Xaml;
using Microsoft.UI.Xaml.Media.Imaging;
using System;
using System.IO;
using Windows.Storage.Streams;

// To learn more about WinUI, the WinUI project structure,
// and more about our project templates, see: http://aka.ms/winui-project-info.

namespace App3
{
    /// <summary>
    /// An empty window that can be used on its own or navigated to within a Frame.
    /// </summary>
    public sealed partial class MainWindow : Window
    {
        public MainWindow()
        {
            this.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 void myButton_Click(object sender, RoutedEventArgs e)
        {
            myButton.Content = "Clicked";
        }

        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 Aspose.Drawing.Point(0, 0), new Aspose.Drawing.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 MainWindow.SetLicense();

5. Add UI image.

In the MainWindow.xaml file, add the following element to the StackPanel control:

<Image x:Name=“AsposeImage” />

6. Run the application.

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