Book Image

.NET MAUI for C# Developers

By : Jesse Liberty, Rodrigo Juarez
3.7 (6)
Book Image

.NET MAUI for C# Developers

3.7 (6)
By: Jesse Liberty, Rodrigo Juarez

Overview of this book

While UI plays a pivotal role in retaining users in a highly competitive landscape, maintaining the same UI can be tricky if you use different languages for different platforms, leading to mismatches and un-synced pages. In this book, you'll see how .NET MAUI allows you to create a real-world application that will run natively on different platforms. By building on your C# experience, you’ll further learn to create beautiful and engaging UI using XAML, architect a solid app, and discover best practices for this Microsoft platform. The book starts with the fundamentals and quickly moves on to intermediate and advanced topics on laying out your pages, navigating between them, and adding controls to gather and display data. You’ll explore the key architectural pattern of Model-View-ViewModel: and ways to leverage it. You’ll also use xUnit and NSubstitute to create robust and reliable code. By the end of this book, you’ll be well-equipped to leverage .NET MAUI and create an API for your app to interact with a web frontend to the backend data using C#.
Table of Contents (18 chapters)
1
Part 1 – Getting Started
8
Part 2 – Intermediate Topics
12
Part 3 – Advanced Topics

Views

There are many controls for displaying and obtaining data from the user. The following sections will cover the most common and useful ones, including those shown here:

  • Images
  • Labels
  • Buttons
  • ImageButtons
  • Entering text

Images

You can write a .NET MAUI program without images, but it is likely to look pretty boring. Managing images is much easier in .NET MAUI than it was in Xamarin.Forms. Now, instead of having to have one image for each resolution in iOS and Android, you place one image in the resources folder, and .NET MAUI takes care of the rest for all the platforms!

In this example, we’ll use an image named flower.png, which you can download from our GitHub repository. If you prefer, though, you can use any image you like. We’ll place the image in the Resources > Images folder.

When we are ready to display it, we’ll use an Image View. Here is a simple example:

<Image
    HeightRequest=...