在我的页面中,我有底部命令栏,如果该命令栏打开并且用户单击 SplitView 菜单,则命令栏会覆盖菜单。
下面是splitview页面的xaml:
<SplitView x:Name="NavigationSplitView"
DisplayMode="CompactOverlay"
IsPaneOpen="True"
CompactPaneLength="{StaticResource ShellCompactPaneSize}"
OpenPaneLength="300"
PaneBackground="{ThemeResource SplitViewBackgroundBrush}"
>
<!--//App root frame where all content data will be loaded-->
<Frame x:Name="rootFrame" />
<SplitView.Pane>
...
</SplitView.Pane></SplitView>
以下是我在内容页面上设置命令栏的方法,该内容页面已加载到 splitview rootFrame 中:
<Page.BottomAppBar>
<CommandBar x:Name="AppCommandBar"
Background="Transparent">
<CommandBar.PrimaryCommands>
<AppBarButton Name="Save"
Icon="Save"
Label="Save"></AppBarButton>
<AppBarButton Name="Clear"
Icon="ClearSelection"
Label="Clear"></AppBarButton>
</CommandBar.PrimaryCommands>
</CommandBar>
</Page.BottomAppBar>
请检查下面的屏幕截图,我有一个带有绿色背景的分割视图,您可以看到命令栏重叠在上面。
SplitView 问题截图 https://i.stack.imgur.com/jKL60.png
这是演示应用程序 onedrive
您的内容页面应如下所示
<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
<TextBlock FontSize="36"
Text="Content Page"
HorizontalAlignment="Center"
VerticalAlignment="Center"
Foreground="Black"></TextBlock>
<CommandBar x:Name="AppCommandBar" VerticalAlignment="Bottom">
<CommandBar.PrimaryCommands>
<AppBarButton Name="Save"
Icon="Save"
Label="Save"></AppBarButton>
<AppBarButton Name="Clear"
Icon="ClearSelection"
Label="Clear"></AppBarButton>
</CommandBar.PrimaryCommands>
</CommandBar>
</Grid>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)