UWP/XAML - 我的 UWP 应用程序中显示奇怪的白色“功能区”？答案

【问题标题】：UWP/XAML - Strange white "ribbon" shown in my UWP app?UWP/XAML - 我的 UWP 应用程序中显示奇怪的白色“功能区”？
【发布时间】：2017-01-07 13:41:11
【问题描述】：

最近我正在尝试学习一些 Windows 10 UWP 应用开发。现在我遇到了一个奇怪的问题，我的应用程序底部有一条白丝带，请看这里：

如果我拖动并放大应用程序窗口，那么顶部会出现另一个白色丝带，请参见此处：

这是我的 UI XAML：

<Page
x:Class="ApodidaeCore.ClockMainUI"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:ApodidaeCore"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d">

<Grid RequestedTheme="Dark" Margin="0,0,0,38" Height="600" Background="Black">
    <Grid.RowDefinitions>
        <RowDefinition Height="439*"/>
        <RowDefinition Height="161*"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="205*"/>
        <ColumnDefinition Width="819*"/>
    </Grid.ColumnDefinitions>

    <TextBlock x:Name="hourTextBlock" HorizontalAlignment="Left" Height="191" TextWrapping="Wrap" Text="00" VerticalAlignment="Top" Width="205" Foreground="White" FontSize="170" Margin="15.2,98,0,0" Grid.Column="1" />
    <TextBlock x:Name="clockSymbolTextBlock" HorizontalAlignment="Left" Height="141" TextWrapping="Wrap" Text=":" VerticalAlignment="Top" Width="38" Foreground="White" FontSize="105" FontWeight="Bold" Margin="244.2,130,0,0" Grid.Column="1"/>
    <TextBlock x:Name="minuteTextBlock" HorizontalAlignment="Left" Height="197" TextWrapping="Wrap" Text="00" VerticalAlignment="Top" Width="218" Foreground="White" FontSize="170" Margin="308.2,98,0,0" Grid.Column="1"/>
    <TextBlock x:Name="weatherInfoTextBlock" HorizontalAlignment="Left" TextWrapping="Wrap" VerticalAlignment="Top" Foreground="White" FontSize="25" Margin="188.2,331,0,0" Text="Unknown" Width="314" Height="33" Grid.Column="1"/>
    <TextBlock x:Name="notificationTextBlock" HorizontalAlignment="Left" TextWrapping="Wrap" Text="No new notification" VerticalAlignment="Top" Foreground="White" FontSize="25" Margin="188.2,369,0,0" Height="30" Width="314" Grid.Column="1"/>
    <Image x:Name="weatherInfoIconImage" HorizontalAlignment="Left" Height="100" Margin="67.2,321,0,0" VerticalAlignment="Top" Width="100" Grid.Column="1"/>

</Grid>

我应该怎么做才能解决这个问题？有什么建议？提前致谢！

杰克逊。

【问题讨论】：

标签： c# xaml uwp windows-10-universal uwp-xaml

【解决方案1】：

搞定了，真傻！

我错误地设置了网格高度和边距。

删除这两个变量将解决该问题。

改变这个：

<Grid RequestedTheme="Dark" Margin="0,0,0,38" Height="600" Background="Black">

到这里：

<Grid RequestedTheme="Dark" Background="Black">

【讨论】：

很高兴你回来解释