c# - UWP - 面板，最后一个元素自动高度

Question

在 C# WPF 中，我们有一个 DockPanel，我们可以在其中轻松地使用它来自动调整最后一个元素的大小。 StackPanel 和 RelativePanel 需要元素的高度才能使用...那么它现在如何在 UWP 中工作，而无需在 View 的 .cs 文件中添加该死的代码。

对于图片:绿色矩形是固定的，比如50px或者100px，高度由元素自己控制。红色矩形填充面板的其余部分。所以我的窗口是 500 像素——绿色是 50 像素，红色是 450 像素。例如，如果我将窗口大小调整为 600 - 绿色仍然是 50px，红色仍然是 550px

Answer 1

我使用带 * 的网格作为行高:

<Grid>
  <Grid.RowDefinitions>
      <RowDefinition Height="Auto" />       <!-- Take as much as needed -->
      <RowDefinition Height="20" />        <!-- Take exactly 20 DIP -->
      <RowDefinition Height="*" />        <!-- Take all the rest -->
  </Grid.RowDefinitions>

  <TextBlock Grid.Row="0" /> 
  <TextBlock Grid.Row="1" /> 
  <Rectangle Grid.Row="2" /> 

</Grid>