c# - multi - view uwp

WPF cambia el tamaño de la parte de la GUI con separador

Question

Estoy creando una GUI de WPF y me gustaría tener una sección en la que pueda cambiar manualmente el tamaño del ancho, de forma similar a la forma en que la mayoría de los IDE tienen exploradores y cajas de herramientas que puede cambiar de tamaño.

Actualmente estoy usando un DockPaneland, mi proyecto se parece a la imagen de abajo. ¿Cómo voy a incluir un separador seleccionable que puede cambiar el ancho de una sección de mi DockPanel? ¿Sus componentes WPF XAML, como los separadores, ya pueden hacerlo?

Answer 1

Grid y GridSplitter: el comportamiento de cambio de tamaño y los estiramientos de alineación en el Grid Splitter son pequeños inconvenientes, por lo que vale la pena dar un ejemplo:

<Window x:Class="GridSplitSpike.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<Grid>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<ContentControl Name="LeftHandArea" Grid.Column="0" MinWidth="100"/>
<GridSplitter Grid.Column="1" ResizeBehavior="PreviousAndNext" VerticalAlignment="Stretch" Width="4" />
<DockPanel Grid.Column="2"/>
</Grid>
</Window>

Debo señalar que ContentControl simplemente representa su vista de la mano izquierda. Esto ya no sería parte del DockPanel.