MAUI – UI basics

UI has a hierarchy: page -> view -> layout -> controls

Pages – root of the UI hierarchy.

• ContentPage – the simplest, most common, just displays content.
• TabbedPage – root for tab navigation. Contains child pages.
• FlyoutPage – page for master/detail data.

Views – to retrieve and display content on a page.

• ContentView – display as-is.
• ScrollView – scrolling window.
• CarouselView – scrollable, for swiping through collection of items.
• CollectionView – retrieves data from data source and presents in templates.

Layouts – layout defines the rules by which the controls are displayed relative to each other.

• VerticalStackLayout – positions controls one below another. Stack from top to bottom.
• HorizontalStackLayout – stack from left to right.
• StackOrientation – stack where you can change orientation.
• AbsoluteLayout – use exact coordinates.
• FlexLayout – stack with possibility to wrap items. Some options to align controls.
• Grid – positions controls in rows and columns.