A typical user interface contains multiple parts, each responsible for some UI features. Many times it's useful for the user to manually resize those parts, as she sees fit. It turns out the
Grid supports dynamic resizing with the help of a
GridSplitter element. Let's see how this can be done.
Make sure Visual Studio is up and running.
We'll create a simple two way splitter, similar to the main view in Windows Explorer, to demonstrate a typical
MainWindow.xaml. Add two columns to the existing
<Grid.ColumnDefinitions> <ColumnDefinition MinWidth="40"/> <ColumnDefinition Width="2*" MinWidth="50" ...