NavigationView菜单图标重叠菜单项UWP

时间:2018-01-30 13:56:54

标签: visual-studio xaml uwp windows-10-universal uwp-xaml

我在UWP中遇到导航问题,控件会生成汉堡包菜单,但我有菜单按钮与其下面的第一个项目重叠,同时我上面有一个空白区域。

我使用最后的SDK 16299 Fall Creators Update,这是NavigationView支持的最低版本

这就是应用程序的显示方式 -

screenshot

XAML代码是这样的:

<NavigationView CompactModeThresholdWidth="300" ExpandedModeThresholdWidth="1920" x:Name="NavView" ItemInvoked="NavView_ItemInvoked" SelectionChanged="NavView_SelectionChanged" Loaded="NavView_Loaded" Canvas.ZIndex="0">
    <NavigationView.MenuItems>
        <NavigationViewItem x:Uid="HomeNavItem" Content="Home" Tag="Home">
            <!-- Margin="0,48,0,0" -->
            <NavigationViewItem.Icon>
                <FontIcon Glyph="&#xE10F;"/>
            </NavigationViewItem.Icon>
        </NavigationViewItem>
        <NavigationViewItem x:Uid="DatiNavItem" Content="Dati" Tag="Dati">
            <NavigationViewItem.Icon>
                <FontIcon Glyph="&#xE8F1;"/>
            </NavigationViewItem.Icon>
        </NavigationViewItem>
        <NavigationViewItem x:Uid="GraficiNavItem" Content="Grafici" Tag="Grafici">
            <NavigationViewItem.Icon>
                <FontIcon Glyph="&#xE877;"/>
            </NavigationViewItem.Icon>
        </NavigationViewItem>
    </NavigationView.MenuItems>
    <NavigationView.PaneFooter>
        <NavigationViewItem x:Uid="LoginItem" Tag="Login">
            <FontIcon Glyph="&#xE77B;"/>
        </NavigationViewItem>
    </NavigationView.PaneFooter>
</NavigationView>

如果我将Margin="0,48,0,0"添加到菜单图标下的第一个项目,我将解决重叠但不是空白空间。

我不知道如何解决问题

0 个答案:

没有答案