在Xamarin.Forms中同时使用TabBar和弹出按钮

在Xamarin.Forms中同时使用TabBar和弹出按钮,xamarin.forms,app-shell,Xamarin.forms,App Shell,我对Xamarin比较陌生,决定在我的第一个移动应用程序项目中试用Xamarin.Forms。但是,我在尝试同时显示弹出型按钮和选项卡栏时遇到问题。因此,我在这里想问,如果,首先,这是可能的吗 我想要实现的是: 我有两个选项卡页面,“培训师”和“参考” 我希望“培训师”页面(仅此页面)在激活时具有弹出式菜单(左上角的汉堡按钮)。这是因为此页面中有子页面,如“组装”、“以太网”等 然后,从弹出按钮中选择的条目将加载到Trainer选项卡页面(如果可能的话) 多谢各位 AppShell.xaml

我对Xamarin比较陌生,决定在我的第一个移动应用程序项目中试用Xamarin.Forms。但是,我在尝试同时显示弹出型按钮和选项卡栏时遇到问题。因此,我在这里想问,如果,首先,这是可能的吗

我想要实现的是:

  • 我有两个选项卡页面,“培训师”和“参考”
  • 我希望“培训师”页面(仅此页面)在激活时具有弹出式菜单(左上角的汉堡按钮)。这是因为此页面中有子页面,如“组装”、“以太网”等
  • 然后,从弹出按钮中选择的条目将加载到Trainer选项卡页面(如果可能的话)
多谢各位

AppShell.xaml中的代码片段:

<TabBar>
    <ShellContent Title="Trainer" Icon="icon_workstation.png" ContentTemplate="{DataTemplate local:TrainerPage}" />
    <ShellContent Title="Reference" Icon="icon_resource.png" ContentTemplate="{DataTemplate local:ReferencePage}" />
</TabBar>

<FlyoutItem Title="PC Assembly" Icon="icon_wrench.png">
    <ShellContent ContentTemplate="{DataTemplate local:AssemblyPage}" />
</FlyoutItem>
<FlyoutItem Title="Ethernet Wiring" Icon="icon_ethernet.png">
    <ShellContent ContentTemplate="{DataTemplate local:EthernetWiringPage}" />
</FlyoutItem>
<FlyoutItem Title="OS Installer Maker" Icon="icon_usb.png">
    <ShellContent ContentTemplate="{DataTemplate local:InstallerMakerPage}" />
</FlyoutItem>
<FlyoutItem Title="Windows Installation" Icon="icon_os.png">
    <ShellContent ContentTemplate="{DataTemplate local:WindowsInstallPage}" />
</FlyoutItem>
<FlyoutItem Title="Windows (DHCP) Configuration" Icon="icon_settings.png">
    <ShellContent ContentTemplate="{DataTemplate local:WindowsConfigurationPage}" />
</FlyoutItem>

培训师(选项卡栏)页面:

参考(选项卡栏)页面:

有人在另一个平台上回答了我的同一个问题,我想最好在这里分享

通过使用下面的代码片段,我能够实现我的目标:

<FlyoutItem Title="About" Icon="icon_about.png">
    <Tab Title="item_1">
        <ShellContent Route="AboutPage" ContentTemplate="{DataTemplate local:page_1}" />
    </Tab>
    <Tab Title="item_2">
        <ShellContent Route="AboutPage" ContentTemplate="{DataTemplate local:page_2}" />
    </Tab>
</FlyoutItem>
<FlyoutItem Title="Browse" Icon="icon_feed.png">
    <ShellContent Title="page_1" Route="ItemsPage" ContentTemplate="{DataTemplate local:ItemsPage}" />
</FlyoutItem>

演示我的成就:


从您的代码和屏幕截图中,我不清楚您想做什么。Xamarin.Forms Shell提供的导航体验基于弹出型按钮和选项卡。如果要使用TabBar,则TabBar类型将禁用弹出型按钮。