C# UWP Как установить фон позади приложения на черный

Question

Если пользователь нажимает на угол моего приложения и изменяет его размер, приложение остается того же размера, но область позади расширяется. То же самое для максимизировать. Область позади - белая.

В идеале, я бы хотел полностью отключить изменение размера! Но, учитывая, что я не смог понять, как это остановить, как мне изменить область позади на черную .

Если я изменю страницу на Background = "Black", то белый цвет останется, и будет смещение черной области, что будет совершенно неверным. Рисунок 1

Рисунок 2 - это то, что я получаю с XAML ниже. Это также то, что я получаю с максимизацией, это просто полноэкранный режим.

Дополнительный вопрос: нет ли способа просто иметь приложение, которое не изменит размер?

Извините .. Я думал, что это будет очень простой ответ.

---

[and That didn't do anything in the[2]">

И вот вводный XAML. Я вырезал материал Раскадровки, которые есть в ресурсах Страниц ... слишком много информации

<Page
x:Class="ScqWander.MainPage"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:ScqWander"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
Width="1104"    Height="700" 
MaxWidth="1104" MinHeight="700"    
Loaded="Page_Loaded"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

<Page.Resources></Page.Resources>

<Border x:Name="AppContainerForCentering"  
        Width="1104" Height="696"
        BorderBrush="GreenYellow" 
        BorderThickness="4" >

    <Grid x:Name="MainBoard" Background="Black" 
      Height="690" Width="auto"
      HorizontalAlignment="Center" VerticalAlignment="Center"          
     >   
        <Grid.RowDefinitions>
            <RowDefinition Height="70"/>
            <RowDefinition Height="35"/>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="125"/>
            <RowDefinition Height="0*"/>
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="10"/>
            <ColumnDefinition Width="1084"/>
            <ColumnDefinition Width="10"/>
            <ColumnDefinition Width="0"/>
        </Grid.ColumnDefinitions>

        <Grid x:Name="gridMainDesignArea"  Grid.Row="0" Grid.Column="1" Grid.RowSpan="2" Height="auto" Width="auto" >
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="40"/>
                <ColumnDefinition Width="230"/>
                <ColumnDefinition Width="780"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>

            <Image x:Name="BabyMonOnBar" Width="28" Height="28"
            Source="Assets/Images/Play/MonsterBaby.png" 
            Grid.Column="2"                 
            HorizontalAlignment="Left" VerticalAlignment="Top">
                <Image.RenderTransform>
                    <CompositeTransform ScaleX="1.0" ScaleY="1.0"/>
                </Image.RenderTransform>
            </Image>               

                all the other XAML goes here
    <Grid>
   <Border> 
  <Page>

Answer 1

Я нашел ответ. Я устанавливал ширину и высоту в первом теге, предполагая, что это будет правильное место. Это было!

Что я не знал, так это

• УДАЛИТЬ ширина = "" и высота = ""

• Заменить на d: DesignWidth = "1194" d: DesignHeight = "758"

и затем установите черный фон, как только я разберусь с другим