WPF：如何制作 Expander 溢出和填充窗口

Question

我正在尝试创建一个扩展器，它有一个切换按钮/标题作为左侧的细条，但扩展时会填充窗口的其余部分，甚至填充已经存在的材料。

我不太确定最好的方法是什么。我想到的可能是一个有两列的网格。首先是膨胀剂，其次是其他材料。接下来，我将有一个触发器，当 Expander IsExpanded 时，它将第二列宽度设置为零。

我不太确定如何让它发挥作用，甚至不确定如何正确地做到这一点。

这是一些代码示例：

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


        <Expander ExpandDirection="Right" IsExpanded="True">

            <Expander.Resources>
                <Style TargetType="Expander">
                    <Setter Property="Template">
                        <Setter.Value>
                            <ControlTemplate TargetType="Expander" >

                                <ControlTemplate.Triggers>
                                    <Trigger Property="IsExpanded" Value="True" >
                                        <Setter TargetName="SecondColumn" Property="ColumnDefinition.Width" Value="0" />
                                    </Trigger>
                                </ControlTemplate.Triggers>

                            </ControlTemplate>
                        </Setter.Value>
                    </Setter>
                </Style>
            </Expander.Resources>

            <ListBox >
                <ListBox.ItemsPanel>
                    <ItemsPanelTemplate>
                        <UniformGrid />
                    </ItemsPanelTemplate>
                </ListBox.ItemsPanel>
            </ListBox>
        </Expander>

        <TabControl Grid.Column="1" />

    </Grid>

我不想在展开时看到列表框，否则 TabControl

有什么想法吗？

Answer 1

听起来您想做类似的事情 Karl Shifflett 的示例在这里。在本例中，他只是修改内容控件的 z-index 并手动设置行高以产生弹出窗口的错觉，因此您需要确保您没有尝试 ZIndex其他视觉元素类似。

您需要确保在 Expander 上设置 ColumnSpan 和 RowSpan，以便在扩展时覆盖这些行的内容。