Share via


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:

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

 

Grid VariableSizedWrapGrid

 

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

 

The topics in this section describe how to create and use layout panels and view controls.

In this section

Topic Description

Quickstart: Adding layout controls

This quickstart walks you through the steps to add layout controls to a Windows Runtime app using C++, C#, or Visual Basic.

ContentControl styles and templates

This topic describes the styles and templates for the ContentControl control.

ScrollViewer styles and templates

This topic describes the styles and templates for the ScrollViewer control.

ScrollBar styles and templates

This topic describes the styles and templates for the ScrollBar control.

Thumb styles and templates

This topic describes the styles and templates for the Thumb control.

 

Quickstart: Defining layouts

Roadmap for Windows Runtime apps using C# or Visual Basic

Roadmap for Windows Runtime apps using C++