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

Exploring the TabBar

ForgetMeNot’s principal form of navigation will be the TabBar control. A Tab Bar is a way to jump to a specific page without going through other pages. It consists of icons, and sometimes descriptive text, across the bottom of every page, as shown in the following screenshot:

Figure 7.1 – Tab Bar in the completed project

The four tabs at the bottom, as shown in Figure 7.1, will take the user directly to the respective page.

The Home page

Here you see the tabs we created on MainPage, which we created in Chapter 4, one of which we’ve titled Home.

You create TabBar in AppShell.xaml. Within the TabBar tags, you provide one ShellContent element for each page. ShellContent has a Title property (the text displayed), an Icon property (the image displayed), and ContentTemplate, which specifies the content for this tab:

<TabBar >
    <ShellContent
      &...