Emtpy Space в нижнем интерфейсе (C #, UWP)

Question

У меня вопрос по поводу моего пользовательского интерфейса UWP ... почему внизу есть место, когда я запускаю приложение?

<Page
  Background="DarkMagenta" Height="800" VerticalAlignment="Top">
  <Grid Margin="0,0,0,0">
    <Grid.RowDefinitions>
        <RowDefinition Height="60"/>
        <RowDefinition Height="*"/>
        <RowDefinition Height="*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="4*"/>
        <ColumnDefinition Width="4*"/>
        <ColumnDefinition Width="3*"/>
        <ColumnDefinition Width="2*"/>
    </Grid.ColumnDefinitions>
    <Border Grid.Column ="0" Grid.ColumnSpan="4" Background="#1f3d7a"/>
    <Border Grid.Column ="0" Grid.Row="1" Background="Aquamarine"/>
    <Border Grid.Column ="1" Grid.Row="1" Background="Beige"/>
    <Border Grid.Column ="2" Grid.Row="1" Background="Coral"/>
    <Border Grid.Column ="3" Grid.Row="1" Background="LightCyan"/>
    <Border Grid.Column ="0" Grid.Row="2" Background="Pink"/>
    <Border Grid.Column ="1" Grid.Row="2" Background="Gold"/>
    <Border Grid.Column ="2" Grid.Row="2" Background="LightGray"/>
    <Border Grid.Column ="3" Grid.Row="2" Background="Olive"/>
  </Grid>
</Page>

Я думал, весь экран должен быть заполнен сеткой? Но космос тоже не DarkMagenta.

Вот картинка:

Нажмите

Answer 1

Ограничение высоты страницы 800 противоречит растяжению, когда фактическая высота окна превышает 800 - это мое предположение.Это работает, как я полагаю, вы ожидаете, если вы удалите высоту и выравнивание.Выравнивание страницы нарушает естественную тенденцию сетки заполнять ее контейнер (при условии, что вы не ограничиваете его высотой или шириной и не выравниваете его)

<Page
    x:Class="App5.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:App5"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d"
    Background="DarkMagenta">
    <Grid >
        <Grid.RowDefinitions>
            <RowDefinition Height="60"/>
            <RowDefinition Height="*"/>
            <RowDefinition Height="*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="4*"/>
            <ColumnDefinition Width="4*"/>
            <ColumnDefinition Width="3*"/>
            <ColumnDefinition Width="2*"/>
        </Grid.ColumnDefinitions>
        <Border Grid.Column ="0" Grid.ColumnSpan="4" Background="#1f3d7a"/>
        <Border Grid.Column ="0" Grid.Row="1" Background="Aquamarine"/>
        <Border Grid.Column ="1" Grid.Row="1" Background="Beige"/>
        <Border Grid.Column ="2" Grid.Row="1" Background="Coral"/>
        <Border Grid.Column ="3" Grid.Row="1" Background="LightCyan"/>
        <Border Grid.Column ="0" Grid.Row="2" Background="Pink"/>
        <Border Grid.Column ="1" Grid.Row="2" Background="Gold"/>
        <Border Grid.Column ="2" Grid.Row="2" Background="LightGray"/>
        <Border Grid.Column ="3" Grid.Row="2" Background="Olive"/>
    </Grid>
</Page>