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