如何使WPF扩展器向上扩展，同时保持头部固定

我正在试图创建一个扩展器，其中头部保持固定并且内容出现在头部上方，覆盖上面的任何其他控件。设置ExpandDirection="Up"并将Expander放置在Canvas中可实现其中的一半 - 内容相对于标题展开并覆盖其他控件（虽然位于下方），但标题向下移动。如何使WPF扩展器向上扩展，同时保持头部固定

有没有办法做到这一点，但保持标题在一个固定的位置，以便内容结束覆盖控制上面？

这是我迄今poduced：

<Window x:Class="Sandbox.MainWindow" 
     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
     Title="MainWindow" Height="900" Width="1100"> 
    <StackPanel> 

    <StackPanel Margin="20,0,0,0"> 
     <RadioButton Content="Choice One"/> 
     <RadioButton Content="Choice Two"/> 
     <RadioButton Content="Choice Three"/> 
     <RadioButton Content="Choice Four"/> 
     <RadioButton Content="Choice Five"/> 
     <RadioButton Content="Choice Six"/> 
    </StackPanel> 

    <Canvas MinHeight="25" Panel.ZIndex="99"> 
     <Expander Header="This must stay fixed" ExpandDirection="Up" Width="175"> 
     <Grid Background="Cornsilk"> 
      <Grid.BitmapEffect> 
      <DropShadowBitmapEffect /> 
      </Grid.BitmapEffect> 

      <TextBlock TextWrapping="Wrap" Margin="5"> 
      This must expand upwards, not downwards. 
      The header must remain exactly where it is. 
      This TextBlock must appear above the header 
      and overlay the top radio buttons instead. 
      </TextBlock> 
     </Grid> 
     </Expander> 
    </Canvas> 

    <StackPanel Margin="20,0,0,0"> 
     <RadioButton Content="Choice One"/> 
     <RadioButton Content="Choice Two"/> 
     <RadioButton Content="Choice Three"/> 
     <RadioButton Content="Choice Four"/> 
     <RadioButton Content="Choice Five"/> 
     <RadioButton Content="Choice Six"/> 
    </StackPanel> 

    </StackPanel> 
</Window>

来源

2010-12-08 Neo

您可以使用切换按钮和弹出，而不是扩展的：

<Canvas MinHeight="25" Panel.ZIndex="99"> 
    <ToggleButton x:Name="toggle" Content="This must stay fixed" Width="175" /> 
    <Popup Placement="Top" PlacementTarget="{Binding ElementName=toggle}" 
     IsOpen="{Binding ElementName=toggle, Path=IsChecked}"> 
     <Grid Background="Cornsilk" Width="175"> 
      <Grid.BitmapEffect> 
       <DropShadowBitmapEffect /> 
      </Grid.BitmapEffect> 

      <TextBlock TextWrapping="Wrap" Margin="5"> 
      This must expand upwards, not downwards. 
      The header must remain exactly where it is. 
      This TextBlock must appear above the header 
      and overlay the top radio buttons instead. 
      </TextBlock> 
     </Grid> 
    </Popup> 
</Canvas>

来源

2010-12-09 12:11:22 rooks

谢谢！这比我一直在尝试的解决方案效果更好 - 修改Expander的ControlTemplate。我可以使用Popup解决方案摆脱Canvas。我只需要调整ToggleButton的样式，使它看起来类似于Expander切换按钮。 – Neo 2010-12-09 15:52:32

另一种方法是使用CheckBox控件，而不是切换按钮。使用例如隐藏盒子很容易。具有负边距值的StackPanel。此外，你不需要关心边界等，在某些情况下，它更容易。

来源

2011-05-26 12:20:49 Joe

如何使WPF扩展器向上扩展，同时保持头部固定

回答

相关问题