0

我目前在 AsMultipleItems 中有一个带有 FlyoutDisplayOptions 属性的 FlyoutItem，它的作用是汉堡菜单包含与选项卡式页面相同的辅助元素作为元素。我的设计中也有一些 MenuItem，此时它不允许我在 FlyoutItem 中放置 MenuItem，这是我目前的设计：

  • 弹出项 1
  • 弹出项目 2
  • 弹出项目 3
  • 弹出项目 4
  • 弹出项目 5
  • 菜单项 1
  • 菜单项 2
  • 菜单项 3
  • 菜单项 4
  • 菜单项 5

例如，我希望 MenuItem 1 位于 FlyoutItem 1 下，但我不能以任何方式这样做，有谁知道我如何对不在该结构中 FlyoutItem 内的项目进行排序？例如，我想要这样的设计：

  • 弹出项 1
  • 菜单项 1
  • 弹出项目 2
  • 菜单项 2
  • 弹出项目 3
  • 菜单项 3
  • 弹出项目 4
  • 菜单项 4
  • 弹出项目 5
  • 菜单项 5

目前我只能订购一个结构而不是另一个，但我不能组合和订购不同的结构。

这是我的代码：

  <FlyoutItem Route="home" x:Name="flyoutItem"
        FlyoutDisplayOptions="AsSingleItem">
    <ShellContent Route="bottomtab1" Title="FlyoutItem 1"
                  Style="{StaticResource TabBackground}"
                  Icon="home_icon"
                  ContentTemplate="{DataTemplate views:x}" />
    <ShellContent Route="bottomtab2" Title="FlyoutItem 2"
                  Style="{StaticResource TabBackground}"
                  Icon="home_icon"
                  ContentTemplate="{DataTemplate DataTemplate views:x}" />
    <ShellContent Route="bottomtab3" Title="FlyoutItem 3"
                  Style="{StaticResource TabBackground}"
                  Icon="home_icon"
                  ContentTemplate="{DataTemplate DataTemplate views:x}" />
    <ShellContent Route="bottomtab4" Title="FlyoutItem 4"
                  Style="{StaticResource TabBackground}"
                  Icon="home_icon"
                  ContentTemplate="{DataTemplate DataTemplate views:x}" />
    <ShellContent Route="bottomtab5" Title="FlyoutItem 5"
                  Style="{StaticResource TabBackground}"
                  Icon="home_icon"
                  ContentTemplate="{DataTemplate DataTemplate views:x}" />
</FlyoutItem>

<MenuItem Text="MenuItem 1"
          IconImageSource="home_icon" />

<MenuItem Text="MenuItem 2"
          IconImageSource="home_icon" />

<MenuItem Text="MenuItem 3"
          IconImageSource="home_icon"/>

<MenuItem Text="MenuItem 4"
          IconImageSource="home_icon"/>

<MenuItem Text="MenuItem 5"
          IconImageSource="home_icon"/>
4

1 回答 1

0

你可以多FlyoutItem喜欢下面的代码。

<FlyoutItem Route="home" x:Name="flyoutItem"
        FlyoutDisplayOptions="AsSingleItem">
    <ShellContent Route="bottomtab1" Title="FlyoutItem 1"
                  Style="{StaticResource TabBackground}"
                  Icon="home_icon"
                  ContentTemplate="{DataTemplate views:x}" />
</FlyoutItem>

<MenuItem Text="MenuItem 1"
          IconImageSource="home_icon" />

<FlyoutItem Route="home" 
        FlyoutDisplayOptions="AsSingleItem">
    <ShellContent Route="bottomtab2" Title="FlyoutItem 2"
                  Style="{StaticResource TabBackground}"
                  Icon="home_icon"
                  ContentTemplate="{DataTemplate DataTemplate views:x}" />
</FlyoutItem>

<MenuItem Text="MenuItem 2"
          IconImageSource="home_icon" />

<FlyoutItem Route="home" 
        FlyoutDisplayOptions="AsSingleItem">
    <ShellContent Route="bottomtab3" Title="FlyoutItem 3"
                  Style="{StaticResource TabBackground}"
                  Icon="home_icon"
                  ContentTemplate="{DataTemplate DataTemplate views:x}" />
</FlyoutItem>

<MenuItem Text="MenuItem 3"
          IconImageSource="home_icon"/>
于 2019-11-04T13:40:10.457 回答