使用网格中的扩展器，使展开的区域使用所有空间

本文关键字：区域 空间 网格 扩展器 | 更新日期: 2023-09-27 18:15:48

我在Grid中有一个Expander。有没有一种简单的方法可以让扩展器使用可用空间(也许是网格中的一整行(？

下面是我尝试做的一个例子：

<Window x:Class="WpfExpanderSample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="200" Width="400">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="Auto" />
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="1*" />
            <ColumnDefinition Width="1*"  />
            <ColumnDefinition Width="1*"  />
            <ColumnDefinition Width="1*"  />
            <ColumnDefinition Width="1*"  />
            <ColumnDefinition Width="2*"  />
        </Grid.ColumnDefinitions>
        <TextBlock Grid.Column="0" Text="11111" />
        <TextBlock Grid.Column="1" Text="22222" />
        <TextBlock Grid.Column="2" Text="33333" />
        <TextBlock Grid.Column="3" Text="44444" />
        <TextBlock Grid.Column="4" Text="55555" />
        <Expander Grid.Column="5" Header="Expand me" ExpandDirection="Down" FlowDirection="RightToLeft" >
            <TextBlock Grid.Row="1" Text="Expanded text which is eventually very long and shall take all space available" />
        </Expander>
    </Grid>
</Window>

现在，我希望扩展后的区域"占据"网格中的一整行。它似乎只占用该GridCell中的剩余空间。扩展后的内容可以显示在其他地方吗？

我必须多做一个按钮才能达到我想要的目的吗？(为展开的区域设置一些可见属性或类似的内容(？

使用网格中的扩展器，使展开的区域使用所有空间

我想说，实现您所要求的最简单的方法是不使用Expander。您可以将Grid放在顶部，将一些ToggleButton放在右侧，并控制下面的Visibility将依赖于ToggleButton.IsChecked

<StackPanel>
   <StackPanel.Resources>
       <BooleanToVisibilityConverter x:Key="BooleanToVisibilityConverter"/>
   </StackPanel.Resources>
   <Grid>
       <Grid.ColumnDefinitions>
           <ColumnDefinition/>
           <ColumnDefinition/>
           <ColumnDefinition/>
           <ColumnDefinition/>
           <ColumnDefinition/>
       </Grid.ColumnDefinitions>
       <TextBox Text="0" Grid.Column="0"/>
       <TextBox Text="1" Grid.Column="1"/>
       <TextBox Text="2" Grid.Column="2"/>
       <TextBox Text="3" Grid.Column="3"/>
       <ToggleButton Content="V" Grid.Column="4" x:Name="btnExpander"/>
   </Grid>
   <Grid Visibility="{Binding ElementName=btnExpander, Path=IsChecked, Converter={StaticResource BooleanToVisibilityConverter}}">
       <TextBlock Text="LongText"/>
   </Grid>
</StackPanel>

当然，ToggleButton需要一些不错的Template，但它只是给你一个示例

相关文章：