WPF用分隔符调整GUI的一部分

Question

我正在创建一个WPF GUI,我希望有一个部分,我可以手动调整宽度,类似于大多数IDE具有可以调整大小的探索器和工具箱的方式.

目前我正在使用DockPaneland,我的项目看起来与下图相似.我将如何包括一些可选择的分隔符,它可以改变我的DockPanel的一个部分的宽度.他们的WPF XAML组件,例如分离器,是否已经能够做到这一点？

Answer 1

Grid和GridSplitter - Grid Splitter上的调整大小行为和对齐延伸是很少的问题,所以值得一个例子:

<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>

我应该指出,ContentControl只代表你的左手视图.这将不再是DockPanel的一部分.