为什么切换按钮与NavigationView上的NavigationViewItem重叠

Question

我正在创建一个UWP应用程序，并希望使用this Walkthrough中所述的NavigationView。我已经向MenuItems集合添加了一个NavigationViewItem，并且向NavigationView添加了一个AutoSuggestBox，并且切换按钮似乎是布局中的低位，与第一个项目重叠。是什么导致了这种行为？

XAML：

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


<NavigationView
    x:Name="NavView"
    ItemInvoked="NavView_ItemInvoked"
    SelectionChanged="NavView_SelectionChanged"
    Loaded="NavView_Loaded">

    <NavigationView.MenuItems>
        <NavigationViewItem Content="Map" Tag="map" Foreground="White">
            <NavigationViewItem.Icon>
                <FontIcon Glyph="&#xE707;"/>
            </NavigationViewItem.Icon>
        </NavigationViewItem>
    </NavigationView.MenuItems>

    <NavigationView.AutoSuggestBox>
        <AutoSuggestBox x:Name="GlobalSearchBox" QueryIcon="Find" Foreground="White" />
    </NavigationView.AutoSuggestBox>

    <Frame x:Name="ContentFrame" Margin="24">
        <Frame.ContentTransitions>
            <TransitionCollection>
                <NavigationThemeTransition/>
            </TransitionCollection>
        </Frame.ContentTransitions>
    </Frame>
</NavigationView>
</Page>

奖金问题：为什么我添加到App.xml的AcrylicBrush没有创建丙烯酸效果？它清晰地为NavigationView Blue着色，但无论如何都看不到透明度：

<Application
x:Class="XXX.App"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:SituationPro"
RequestedTheme="Light">

<Application.Resources>
    <ResourceDictionary>
        <AcrylicBrush x:Key="NavigationViewDefaultPaneBackground" BackgroundSource="Backdrop" TintColor="#120a8f" TintOpacity=".6" />
        <AcrylicBrush x:Key="NavigationViewExpandedPaneBackground" BackgroundSource="HostBackdrop" TintColor="#120a8f" TintOpacity=".6" />
    </ResourceDictionary>
</Application.Resources>
</Application>

Answer 1

我在Win 10 Insider build 17074上运行时遇到了同样的问题，但项目UWP的目标是Windows 10 Fall Creators Update Build 16299。 在项目属性中将目标版本切换为构建17083解决了该问题。 我也安装了17083 SDK，但我不确定是否需要。