Book Image

Learn WinUI 3 - Second Edition

By : Alvin Ashcraft
5 (2)
Book Image

Learn WinUI 3 - Second Edition

5 (2)
By: Alvin Ashcraft

Overview of this book

WinUI 3 takes a whole new approach to delivering Windows UI components and controls and has the ability to deliver the same features across multiple versions of Windows. Learn WinUI 3 is a comprehensive introduction to WinUI and Windows apps for anyone who is new to WinUI and XAML applications. This updated second edition begins by helping you get to grips with the latest features in WinUI and shows you how XAML is used in UI development. The next set of chapters will help you set up a new Visual Studio environment, develop a new desktop project, incorporate the Model-View-ViewModel (MVVM) pattern in a WinUI project, and develop unit tests for ViewModel commands. Next, you’ll cover the basics of data access from WinUI projects with a step-by-step approach. As you advance, you’ll discover how to leverage the Fluent Design System to design beautiful WinUI applications. You’ll also explore the contents and capabilities of the Windows Community Toolkit and learn how to create cross-platform apps with markup and code from your project using Uno Platform. The concluding chapters will teach you how to build, debug, and deploy apps to the Microsoft Store. By the end of this book, you’ll have learned how to build WinUI applications from scratch and how to modernize existing desktop apps using WinUI 3 and the Windows App SDK.
Table of Contents (20 chapters)
Free Chapter
1
Part 1:Introduction to WinUI and Windows Applications
8
Part 2:Extending WinUI and Modernizing Applications
13
Part 3:Build and Deploy on Windows and Beyond

Creating a Blazor Wasm application

It’s time to start building the Blazor application that we’ll be running in our WinUI application. We are going to use the .NET CLI and VS Code to create the Blazor project. You can also use Visual Studio 2022 if you prefer the experience of a full-featured IDE:

  1. Start by opening a Command Prompt with your Terminal application of choice. I will be using Windows Terminal (https://apps.microsoft.com/store/detail/windows-terminal/9N0DX20HK701) with PowerShell 7.3 (https://learn.microsoft.com/powershell/scripting/overview):
Figure 12.3 – Running PowerShell 7.3 in Windows Terminal

Figure 12.3 – Running PowerShell 7.3 in Windows Terminal

  1. Use the terminal to change the current folder to the location where you keep your projects. My location will be C:\Users\alash\source\repos.
  2. Use the following command to create a new Blazor WebAssembly project named BlazorTasks and hit Enter: dotnet new blazorwasm -o BlazorTasks. The .NET CLI will create the...