확장기 축소시 상위 컨테이너가 축소되지 않음

Question

테두리 컨트롤 안에 확장기 컨트롤이 있습니다. 확장기가 접힐 때 테두리는 동일한 높이를 유지합니다. 테두리 높이를 높이려면 어떻게해야합니까? 이 문제를 illustates 코드 :

<Grid> 
    <Grid.RowDefinitions> 
     <RowDefinition/> 
     <RowDefinition/> 
     <RowDefinition/> 
    </Grid.RowDefinitions> 
    <Grid.Resources> 
     <Style TargetType="Border"> 
      <Setter Property="BorderBrush" Value="Red"/> 
      <Setter Property="BorderThickness" Value="2" /> 
     </Style> 
     <Style TargetType="StackPanel" x:Key="StackPanel1"> 
      <Setter Property="Orientation" Value="Vertical"/> 
      <Setter Property="MaxHeight" Value="100" /> 
     </Style> 
     <LinearGradientBrush StartPoint="0,0" EndPoint="0,1" x:Key="panelBackgroundBrush"> 
      <LinearGradientBrush.GradientStops> 
       <GradientStop Color="#FFE3EFFF" Offset="0" /> 
       <GradientStop Color="#FFAFD2FF" Offset="1" /> 
      </LinearGradientBrush.GradientStops> 
     </LinearGradientBrush> 
     <Style TargetType="{x:Type GridSplitter}"> 
      <Setter Property="FrameworkElement.Height" Value="3"/> 
      <Setter Property="UIElement.SnapsToDevicePixels" Value="True" /> 
      <Setter Property="UIElement.Focusable" Value="False" /> 
      <Setter Property="FrameworkElement.Cursor" Value="SizeNS"/> 
      <Setter Property="VerticalAlignment" Value="Top"/> 
      <Setter Property="HorizontalAlignment" Value="Stretch"/> 
      <Setter Property="Control.Template"> 
       <Setter.Value> 
        <ControlTemplate> 
         <Border> 
          <Border BorderThickness="0" BorderBrush="{StaticResource panelBackgroundBrush}"> 
           <Canvas Width="19" Height="3"> 
            <Canvas.Resources> 
             <Style TargetType="Rectangle"> 
              <Setter Property="Width" Value="2" /> 
              <Setter Property="Height" Value="2" /> 
              <Setter Property="Canvas.Top" Value="0" /> 
             </Style> 
            </Canvas.Resources> 
            <Rectangle Fill="{StaticResource panelBackgroundBrush}" Canvas.Left="1" /> 
            <Rectangle Fill="{StaticResource panelBackgroundBrush}" Canvas.Left="5" /> 
            <Rectangle Fill="{StaticResource panelBackgroundBrush}" Canvas.Left="9" /> 
            <Rectangle Fill="{StaticResource panelBackgroundBrush}" Canvas.Left="13" /> 
            <Rectangle Fill="{StaticResource panelBackgroundBrush}" Canvas.Left="17" /> 
            <Rectangle Fill="{TemplateBinding TextElement.Foreground}" Canvas.Left="0" /> 
            <Rectangle Fill="{TemplateBinding TextElement.Foreground}" Canvas.Left="4" /> 
            <Rectangle Fill="{TemplateBinding TextElement.Foreground}" Canvas.Left="8" /> 
            <Rectangle Fill="{TemplateBinding TextElement.Foreground}" Canvas.Left="12" /> 
            <Rectangle Fill="{TemplateBinding TextElement.Foreground}" Canvas.Left="16" /> 
           </Canvas> 
          </Border> 
         </Border> 
        </ControlTemplate> 
       </Setter.Value> 
      </Setter> 
     </Style> 
    </Grid.Resources> 
    <Border> 
     <Expander> 
      <Border> 
       <StackPanel Style="{StaticResource ResourceKey=StackPanel1}" > 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
       </StackPanel> 
      </Border> 
     </Expander> 
    </Border> 
    <Border Grid.Row="1"> 
     <Expander> 
      <Border> 
       <StackPanel Style="{StaticResource ResourceKey=StackPanel1}" > 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
       </StackPanel> 
      </Border> 
     </Expander> 
    </Border> 
    <GridSplitter Grid.Row="1" /> 
    <Border Grid.Row="2"> 
     <Expander> 
      <Border> 
       <StackPanel Style="{StaticResource ResourceKey=StackPanel1}" > 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
        <TextBlock Text="aaaa"/> 
       </StackPanel> 
      </Border> 
     </Expander> 
    </Border> 
    <GridSplitter Grid.Row="2" /> 
</Grid> 

Answer 1

이 RowDefinition.Height 자동으로 설정했던 문제를 해결하기 위해 예를 들면 다음과 같습니다.

Answer 2

그렇게하는 가장 좋은 방법은 dockpanel의 아이로 경계를 설정하고 진실하기 dockpanel의 LastChildFill 속성을 설정하는 것입니다.

<DockPanel LastChildFill="True"> 
    <Border> 
     <Expander Name="PropertiesExpander2" 
        ExpandDirection="Left" 
        IsExpanded="False" 
        DockPanel.Dock="Right"> 
     </Expander> 
    </Border> 

    <Border> 
       //Here you can add other controls 
    </Border> 
    </DockPanel>