c# - UWP App 在 Windows Phone 上的布局很奇怪

Question

我在 UW 上获得了一个简单的应用程序。当我在 PC 上构建和部署它时，它看起来像这样:

但是，当我将构建目标更改为 ARM 并将其部署到我的手机 (Lumia 550) 上时，应用程序的布局很奇怪:顶部是黑色矩形， ListView 是黑色矩形。我该如何解决这个问题？

代码:

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="auto"/>
        <RowDefinition Height="*" />
    </Grid.RowDefinitions>
    <SplitView>
        <SplitView.Pane>
            <ListBox>
            </ListBox>
        </SplitView.Pane>
        <SplitView.Content>
            <Frame Name="mainFrame" />
        </SplitView.Content>
    </SplitView>
</Grid>

mainFrame 包含:

<Grid>
    <ListView/>
</Grid>

Xaml 中的 Grid 上没有属性

Answer 1

乍一看，这似乎是操作系统主题和您在 XAML 中设置前景的方式的问题。

Windows Phone 支持真正的浅色和深色主题。如果您的手机设置为使用深色主题，则所有默认背景都将为黑色。如果您手动将文本的前景设置为黑色，您将看到类似的内容，黑色文本上有黑色。我得出这个结论的方式是您的搜索框在手机版本中使用了深色样式。

如果您打算在应用程序上始终使用白色背景，我建议您在页面的根部使用 RequestedTheme="Light"，除非您要更改文本的颜色，而不是为前景设置值因为这允许操作系统中的主题为您处理。

您是否有一些 XAML 以便我们确定这是问题所在？