Adding layout controls (XAML)
[ This article is for Windows 8.x and Windows Phone 8.x developers writing Windows Runtime apps. If you’re developing for Windows 10, see the latest documentation ]
Learn how to create and use layout controls to arrange elements of your app UI.
Roadmap: How does this topic relate to others? See:
- Roadmap for Windows Runtime apps using C# or Visual Basic
- Roadmap for Windows Runtime apps using C++
The XAML UI framework for Windows Runtime apps using C++, C#, or Visual Basic provides several panels for arranging controls and content. Each panel arranges a collection of child elements in a different way.
| Canvas | StackPanel |
.png) |
.png) |
| Grid | VariableSizedWrapGrid |
.png) |
.png) |
There are several controls that are used to affect the appearance or scale of a single child element. These controls can be used with a single UI element, or with a panel that contains many elements.
| Border | ScrollViewer | Viewbox |
.png) |
.png) |
.png) |
The topics in this section describe how to create and use layout panels and view controls.
In this section
| Topic | Description |
|---|---|
This quickstart walks you through the steps to add layout controls to a Windows Runtime app using C++, C#, or Visual Basic. |
|
This topic describes the styles and templates for the ContentControl control. |
|
This topic describes the styles and templates for the ScrollViewer control. |
|
This topic describes the styles and templates for the ScrollBar control. |
|
This topic describes the styles and templates for the Thumb control. |