Building a user interface

Equipped with basic knowledge of XAML, let’s take a bird’s-eye view of the .NET MAUI user interface building blocks. We will explore them in greater depth as we encounter them in subsequent chapters.

A page is the top-level user interface element that typically occupies all the screens or windows. We introduced how to create pages using the Visual Studio template or dotnet command at the beginning of this chapter. Each page generally contains at least one layout element, which is used to organize the design of controls on a page. Examples of pages are ContentPage, NavigationPage, TabbedPage, FlyoutPage, and Shell.

Within a content page, we utilize views (or controls) as the building blocks of the user interface. To organize views into groups, we can use layout components as containers for the views.

Layouts

Layouts are container components that help organize and arrange UI elements (or views) within your app. They control the...