Layout 汉堡菜单和应用程序栏

Layout 汉堡菜单和应用程序栏,layout,uwp,uwp-xaml,Layout,Uwp,Uwp Xaml,我想实现类似Groove应用程序的布局,其中hamburger菜单位于左侧,appbar位于底部。但是,并非所有页面都包含appbar 我有一个名为MainFrame的用户控件,它包含汉堡菜单和导航框 当页面加载到导航框中时,应用程序栏将覆盖汉堡菜单。我可以偏移汉堡菜单,但并非所有页面都包含AppBar,或者AppBar的高度不同 有没有可能把汉堡包展示在appbar的顶部?或者你还有其他想法吗 使用而不是Page.BottomAppBar。此外,这也是微软推荐的UWP方式 只有在升级通用应用

我想实现类似Groove应用程序的布局,其中hamburger菜单位于左侧,appbar位于底部。但是,并非所有页面都包含appbar

我有一个名为MainFrame的用户控件,它包含汉堡菜单和导航框

当页面加载到导航框中时,应用程序栏将覆盖汉堡菜单。我可以偏移汉堡菜单,但并非所有页面都包含AppBar,或者AppBar的高度不同

有没有可能把汉堡包展示在appbar的顶部?或者你还有其他想法吗

  • 使用而不是
    Page.BottomAppBar
    。此外,这也是微软推荐的UWP方式
  • 只有在升级通用应用程序时,才应使用AppBar 使用AppBar的Windows 8应用程序,需要最小化更改。对于 Windows 10中的新应用程序,建议使用CommandBar控件 相反

  • 在的内容
    网格中设置
    命令栏
  • 下面是一个示例代码:

    <controls:HamburgerMenu>
        <!--  Items  -->
        <controls:HamburgerMenu.ItemsSource>
        </controls:HamburgerMenu.ItemsSource>
        <!--  Options  -->
        <controls:HamburgerMenu.OptionsItemsSource>
        </controls:HamburgerMenu.OptionsItemsSource>
        <!--  Content  -->
        <Grid x:Name="ContentGrid">
            <Frame Name="MainFrame"/>
            <CommandBar VerticalAlignment="Bottom"/>
        </Grid>
    </controls:HamburgerMenu>
    
    
    
    为什么不在
    SplitView.Content
    中设置
    AppBar
    ?首先,我使用的是uwp工具包中的HamburgerMenu控件。其次,只有页面具有属性page.BottomAppBar。如何在SplitView.Content中设置它?当SplitView.Content为Page时,Page.BottomAppBar将占据整个窗口宽度,即使页面较窄,而不是
    Page.BottomAppBar
    。将此设置为< HamburgerMenu > <代码> >代码> <代码> >如果解决方案工作,则将马克视为答案。