UWP - 面板，最后一个元素自动高度
UWP - Panel, last element auto height
在 C# WPF 中，我们有一个 DockPanel，我们可以在其中轻松地使用它来自动调整最后一个元素的大小。 StackPanel 和 RelativePanel 需要元素的高度才能使用...所以它现在如何在 UWP 中工作，而无需在视图中的 .cs 文件中添加该死的代码。
对于图片：绿色矩形是固定的，比如50px或者100px，高度由元素自己控制。红色矩形填充面板的其余部分。所以我的 window 是 500px - 绿色是 50px，红色是 450px。例如，如果我将 window 的大小调整为 600 - 绿色仍然是 50px，红色仍然是 550px
我使用带 * 的网格作为行高：
<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>
在 C# WPF 中，我们有一个 DockPanel，我们可以在其中轻松地使用它来自动调整最后一个元素的大小。 StackPanel 和 RelativePanel 需要元素的高度才能使用...所以它现在如何在 UWP 中工作，而无需在视图中的 .cs 文件中添加该死的代码。
对于图片：绿色矩形是固定的，比如50px或者100px，高度由元素自己控制。红色矩形填充面板的其余部分。所以我的 window 是 500px - 绿色是 50px，红色是 450px。例如，如果我将 window 的大小调整为 600 - 绿色仍然是 50px，红色仍然是 550px
我使用带 * 的网格作为行高：
<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>