不填充高度的 WPF 固定选项

Question

我正在寻找一个 WPF 选项，可以在侧面显示面板，并允许您固定/取消固定它们。基本上，这意味着一个窗口，其中一个主控件位于中心，并且该主控件的左侧和右侧都有多个不同的面板。默认情况下，这些面板是折叠的，只有标题可见，如果我将鼠标悬停在它们上方，它们会在主控件上展开（不会取代主控件），但我也可以选择固定此面板，使其永久展开出，这一次迫使主中心控件调整大小。

现在，这听起来很像大多数对接控制选项，实际上我已经研究过 Avalon 和 MixModes Synergy ，但这些选项的问题是它们的面板填满了整个高度。我希望当我将鼠标悬停在特定高度的面板上时，它会出现，我不希望它填充到屏幕上，而且我真的找不到其他任何可以做到这一点的东西。还有其他人见过这样的事情吗？

基本上，到目前为止，我自己关于如何做到这一点的想法涉及以编程方式将面板从一个固定控件移动到另一个非固定控件，但这听起来很丑陋，我喜欢替代方案。

Answer 1

下面是一个纯 XAMl 示例，说明如何实现固定/取消固定功能。

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>


    <DockPanel Grid.Column="1">
        <Label Content="Main Content Area" FontSize="22"
               VerticalAlignment="Center" HorizontalAlignment="Center"/>
    </DockPanel>

    <StackPanel HorizontalAlignment="Left">
        <StackPanel.Style>
            <Style>
                <Setter Property="Grid.Column" Value="1"/>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding ElementName=LeftPinBtn,Path=IsChecked}" Value="True">
                        <Setter Property="Grid.Column" Value="0"/>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </StackPanel.Style>
        <ToggleButton Content="Pin/Unpin" x:Name="LeftPinBtn"/>
    </StackPanel>

</Grid>

在上面的代码中，

• 左侧面板位于（浮动）主要内容的同一网格列上。
• 当选中 ToggleButton 时，它们会跳转到各自的位置
  对接网格列。

您可以自定义此示例和包括将显示/隐藏面板的鼠标悬停事件。

• 在右侧添加网格列 + Horizo​​ntalAlignment="Right"
  会给你正确的面板。
• 类似地使用行（而不是列）和垂直对齐
  将添加顶部/底部引脚功能。