我需要滚动扩展器及其位于窗口中的 stackpanel 对象

Question

这是我的代码，我想知道如何完全卷起堆栈、扩展器和其中的对象，以将其下方的所有对象推入其中，以占用卷起上层堆栈和对象后留下的空间。我当前的代码如下：

<Grid>
 <StackPanel Margin="8,8,0,0" VerticalAlignment="Top" Height="225">
  <Expander Header="Expander">
   <Grid Height="201">
    <ListBox HorizontalAlignment="Left" Margin="103,63,0,38" Width="100">
     <ListBoxItem Content="Brown"/>
     <ListBoxItem Content="Red"/>
     <ListBoxItem Content="Green"/>
     <ListBoxItem Content="Yellow"/>
    </ListBox>
   </Grid>
  </Expander>
 </StackPanel>
 <StackPanel Margin="0,0,0,8" VerticalAlignment="Bottom" Height="221">
  <Expander Header="Expander">
   <Grid Height="194">
    <ListBox Margin="177,21,213,73">
     <ListBoxItem Content="Gold"/>
     <ListBoxItem Content="Silver"/>
     <ListBoxItem Content="Platinum"/>
     <ListBoxItem Content="Palladium"/>
    </ListBox>
   </Grid>
  </Expander>
 </StackPanel>

</Grid>

Answer 1

如果我正确理解了您想要执行的操作，您可以使用网格中的星号大小来完成此操作。星形大小告诉网格使用所有剩余的可用大小（如果多行/列是星形大小，则按比例划分）。因此：

<Grid>
  <Grid.RowDefinitions>
    <RowDefinition Height="Auto" />
    <RowDefinition Height="*" />
  </Grid.RowDefinitions>
  <StackPanel Margin="8,8,0,0" VerticalAlignment="Top" Height="225" Grid.Row="0">
    <!-- first Expander here -->
  </StackPanel>
  <StackPanel Margin="0,0,0,8" VerticalAlignment="Bottom" Grid.Row="1">
    <!-- second Expander here -->
  </StackPanel>
</Grid>

请注意 Grid.Row 附加属性。

现在，当您将第一个 StackPanel 的可见性设置为 Collapsed 时，它不占用任何高度。因此网格的第一行依次折叠到零高度。因此，网格的整个高度都专用于第二行，这意味着网格的整个高度都分配给第二个 StackPanel 及其内容。

这就是你所追求的结果吗？我可能误解了这个问题......如果是这样，请发表评论，我将更新或删除。