UWP - 面板，最后一个元素自动高度答案

【问题标题】：UWP - Panel, last element auto heightUWP - 面板，最后一个元素自动高度
【发布时间】：2016-12-04 17:01:09
【问题描述】：

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

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

【问题讨论】：

您能否发布您的RelativePanel，以便我们了解您到底在寻找什么？
您能否提供一个带有 DockPanel 的图表或一些 XAML 来解释您要实现哪种布局？ StackPanel 和 Grid 能够提供自动调整大小的布局。
对不起，我添加一个带有解释的截图。

标签： c# uwp panel stackpanel

【解决方案1】：

我使用带有 * 的 Grid 作为行高：

<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>

【讨论】：