XAML Layout Types

Layouts in XAML are used for arranging the content and applying common styling to it. There are different layout types we can choose from, depending on how we want to arrange the elements of our user interface. We're going to look at them all.

In this lesson, we'll go through all the supported layout types. We'll look at some examples of the layout markup and see how it's rendered on the device screen.

VerticalStackLayout

VerticalStackLayout is a layout type in which child elements are stacked vertically. This is the layout weve defined in the MainPage.xaml file in the project below. The layout is defined on lines 8–39.