Using the WrapPanel layout panel

A WrapPanel layout panel in a Windows Presentation Foundation (WPF) project is similar to a StackPanel layout panel, but it allows objects to be placed on multiple lines. When an object overflows off the edge of the panel, it will not be clipped, but instead will be wrapped to the next line. As you add more child objects, the WrapPanel layout panel will continue to wrap the objects until it runs out of space. Only then will it clip the objects.

By default, the objects within a WrapPanel layout panel are placed horizontally from left-to-right, top-to-bottom, but you can also place them vertically from top-to-bottom, left-to-right. Change the Orientation property for a WrapPanel layout panel within the Properties panel under Layout.

Add a WrapPanel to a document by selecting WrapPanel  from the Assets panel or from the layout container button in the Tools panel, and then dragging on the artboard. The following XAML code is added to your project:

<Grid x:Name="LayoutRoot">
   <WrapPanel HorizontalAlignment="Left" Height="100" VerticalAlignment="Top" Width="100"/>
</Grid>

Objects in a WrapPanel