Adding layout controls (XAML)

Applies to Windows and Windows Phone

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
Canvas layoutStack panel layout

 

Grid VariableSizedWrapGrid
Grid layoutVariable sized wrap grid layout

 

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
Control for adding a border to a UI elementControl for adding a ScrollViewer to a UI elementControl for adding a Viewbox to a UI element

 

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

In this section

TopicDescription

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.

 

Related topics

Quickstart: Defining layouts
Roadmap for Windows Runtime apps using C# or Visual Basic
Roadmap for Windows Runtime apps using C++

 

 

Show:
© 2014 Microsoft