c# – 使用2个或更多扩展程序WPF填充父级的剩余空间

发布时间：2020-12-15 23:28:24 所属栏目：百科来源：网络整理

导读：我在dockPanel内有2个扩展器,我需要填充扩展器打开时de dockPanel内可用的所有高度,如果两个都打开,我需要每个扩展器占用可用高度的一半,这样它们就可以填满所有空间.这是我的代码： DockPanel Background="Black" Expander Name="articlesExpander" Templat

我在dockPanel内有2个扩展器,我需要填充扩展器打开时de dockPanel内可用的所有高度,如果两个都打开,我需要每个扩展器占用可用高度的一半,这样它们就可以填满所有空间.这是我的代码：

<DockPanel Background="Black">
                    <Expander Name="articlesExpander" Template="{StaticResource ExpanderHeaderImage}" DockPanel.Dock="Top">
                        <Grid Name="articlesGridExpander" ShowGridLines="True" Background="#FFEC0000">
                            <TextBlock>Hello</TextBlock>
                        </Grid>
                    </Expander>
                    <Expander Name="turneroExpander" Template="{StaticResource ExpanderHeaderImage}" DockPanel.Dock="Bottom">
                        <Grid Name="turneroGridExpander" ShowGridLines="True" Height="{Binding ElementName=DummyExpanderHeight,Path=Height}" Background="#FF0AE400">
                            <TextBlock>Bye</TextBlock>
                        </Grid>
                    </Expander>
                </DockPanel>

这里我描述了扩展器的3种可能状态：

1)第一个膨胀器打开,第二个膨胀器关闭.正如你所看到的那样,第一个扩展器没有采用所有可用的高度：

enter image description here

2)第二个膨胀机打开,第一个膨胀机关闭.这是我希望与两个扩展器一起使用的正确行为：

enter image description here

3)两个扩展器都是开放的.我需要他们采取半个半高：

enter image description here

如何实现扩展器的正确行为？

解决方法

如果使用Grid而不是DockPanel,您可以使用纯XAML实现所需.在这种情况下,我没有看到使用DockPanel的目的.否则你需要代码(一些转换器)来正确调整扩展器的大小.

这里的想法是我们需要一个有2行的网格,当包含的Expander折叠时,行的高度应为Auto,否则行的高度应为*.扩展2个扩展器时,两个行的高度均为*,并且每个行将共享整个网格高度的一半：

<Grid Background="Black">
      <Grid.Resources>
         <Style TargetType="RowDefinition">
             <Setter Property="Height" Value="Auto"/>
             <Style.Triggers>
                 <DataTrigger Binding="{Binding Tag.IsExpanded,RelativeSource={RelativeSource Self}}" 
                              Value="True">
                     <Setter Property="Height" Value="*"/>
                 </DataTrigger>
             </Style.Triggers>
         </Style>
      </Grid.Resources>
      <Grid.RowDefinitions>
         <RowDefinition Tag="{Binding ElementName=articlesExpander}"/>
         <RowDefinition Tag="{Binding ElementName=turneroExpander}"/>
      </Grid.RowDefinitions>
      <Expander Name="articlesExpander" Template="{StaticResource ExpanderHeaderImage}">
            <Grid Name="articlesGridExpander" ShowGridLines="True" Background="#FFEC0000">
              <TextBlock>Hello</TextBlock>
            </Grid>
      </Expander>
      <Expander Name="turneroExpander" Template="{StaticResource ExpanderHeaderImage}" Grid.Row="1">
            <Grid Name="turneroGridExpander" ShowGridLines="True" Height="{Binding ElementName=DummyExpanderHeight,Path=Height}" Background="#FF0AE400">
               <TextBlock>Bye</TextBlock>
            </Grid>
      </Expander>
 </Grid>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!