Home | Contact Us

CSharp | Java | Python | Swift | GO | WPF | Ruby | Scala | F# | JavaScript

WPF StackPanel Arranges Controls

This WPF article uses the StackPanel control. In the StackPanel, each control is stacked upon another, in horizontal lines.

StackPanel arranges its sub-controls in horizontal lines.

It stacks them, one upon another. It is easy to use and helps solve some user interface problems. We explore in brief this WPF control.

Example. To begin, please drag a StackPanel to your WPF window. The StackPanel accepts sub-controls. In this example, I added four CheckBox controls to it. Other controls, such as Buttons, are also accepted.


Here: I added four CheckBox controls and changed their Content attributes. They each indicate a breakfast food.

So: The StackPanel contains all sorts of items you could eat for breakfast, such as eggs, pancakes, muffins and toast.

Based on:

.NET 4.5

Example markup: XAML

<Window x:Class="WpfApplication22.MainWindow"
	Title="Breakfast" Height="350" Width="525">
	<StackPanel HorizontalAlignment="Left"
	    <CheckBox Content="Eggs"/>
	    <CheckBox Content="Pancakes"/>
	    <CheckBox Content="Muffins"/>
	    <CheckBox Content="Toast"/>
	    <CheckBox Content="Bacon"/>

Discussion. A StackPanel is similar to a WrapPanel, except each element occupies an entire "line" in the StackPanel. The WrapPanel may be preferred in certain programs. If your program has little horizontal space, a StackPanel is a better idea.

However: When controls should fill the entire horizontal area, the WrapPanel will lead to a better use of space.


Summary. With StackPanel, we stack controls one after another. It is possible to arrange controls in this way without StackPanel. But StackPanel enforces this arrangement, and makes it easier to maintain, less error-prone.