GridSplitter
GridSplitter lets you offer the
user a way to adjust the layout of your application, by changing the
size of a column or row in a grid. This lets you provide a similar
feature to Windows Explorer, where if you turn on the folder view, or
one of the other panels that can appear on the lefthand side of a
window, you can change the amount of space available to the panel by
dragging on the vertical bar between the panel and the main area. You
can use GridSplitter only to
rearrange a Grid panel (see Example 5-28).
Example 5-28. GridSplitter
<Grid Height="100" Width="400">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="1*" />
<ColumnDefinition Width="6" />
<ColumnDefinition Width="2*" />
</Grid.ColumnDefinitions>
<Ellipse Grid.Column="0" Fill="Red" />
<GridSplitter Grid.Column="1" HorizontalAlignment="Stretch" />
<Ellipse Grid.Column="2" Fill="Blue" />
</Grid>This puts a GridSplitter into
the middle of the three columns. As Figure 5-29
shows, if the user moves the mouse over the GridSplitter, the mouse pointer changes to the
horizontal resize arrow. Dragging the slider resizes the columns on
either side.

Figure 5-29. GridSplitter