Search icon CANCEL
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Arrow up icon
GO TO TOP
Learn WinUI 3

You're reading from   Learn WinUI 3 Leverage WinUI and the Windows App SDK to create modern Windows applications with C# and XAML

Arrow left icon
Product type Paperback
Published in Oct 2023
Publisher Packt
ISBN-13 9781805120063
Length 386 pages
Edition 2nd Edition
Languages
Arrow right icon
Author (1):
Arrow left icon
Alvin Ashcraft Alvin Ashcraft
Author Profile Icon Alvin Ashcraft
Alvin Ashcraft
Arrow right icon
View More author details
Toc

Table of Contents (20) Chapters Close

Preface 1. Part 1:Introduction to WinUI and Windows Applications
2. Chapter 1: Introduction to WinUI FREE CHAPTER 3. Chapter 2: Configuring the Development Environment and Creating the Project 4. Chapter 3: MVVM for Maintainability and Testability 5. Chapter 4: Advanced MVVM Concepts 6. Chapter 5: Exploring WinUI Controls 7. Chapter 6: Leveraging Data and Services 8. Part 2:Extending WinUI and Modernizing Applications
9. Chapter 7: Fluent Design System for Windows Applications 10. Chapter 8: Adding Windows Notifications to WinUI Applications 11. Chapter 9: Enhancing Applications with Community Toolkits 12. Chapter 10: Accelerating App Development with Template Studio 13. Part 3:Build and Deploy on Windows and Beyond
14. Chapter 11: Debugging WinUI Applications with Visual Studio 15. Chapter 12: Hosting a Blazor Application in WinUI 16. Chapter 13: Take Your App Cross-Platform with Uno Platform 17. Chapter 14: Packaging and Deploying WinUI Applications 18. Index 19. Other Books You May Enjoy

XAML basics

It’s time to start building the main screen of the My Media Collection application. The focal point of the application will be the media items in the collection. To display that list, we are going to need a few things, as follows:

  • A Model class that defines an item in the collection
  • Some code to bind the collection of items to the UI
  • A XAML control to display the items

Building the model

We will start by building the model for the My Media Collection application. A model defines an entity and its attributes. Earlier in the chapter, we discussed some of the items’ attributes we want to display in the UI. To display and (eventually) persist this information, we must create the model.

The initial version of our model will consist of two enumerations (ItemType and LocationType) in an Enums folder, and two classes (Medium and MediaItem) in a Model folder, as illustrated in the following screenshot:

Figure 2.7 – Solution Explorer displays the new Model and Enum files

Figure...

lock icon The rest of the chapter is locked
Register for a free Packt account to unlock a world of extra content!
A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.
Unlock this book and the full library FREE for 7 days
Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of
Renews at $19.99/month. Cancel anytime