Xamarin Form Shell: Flyout v/s TabBar

Question

我被句子弄糊涂了

TabBar禁用飞出

在Xamarin文档中。但是，即使是示例代码也显示了TabBar的飞出布局。我想，我误解了飞碟和TabBar (我的想法如附件所示)。任何一个人都能想象出这种差别。谷歌搜索并没有在TabBar上给出多少信息，它只是显示了标准文档。

​

​

Answer 1

这意味着，如果您只使用Tabbar作为Shell的根元素，那么您将释放Flyout，但是如果您的根元素是FlyoutItem，那么您可以从这两个方面受益，如您所展示的图片所示。

另一方面，您不能显式地将FlyoutItem嵌套在Tabbar内部或相反的位置。

使用a时，仍然可以定义(Tabbar)底部选项卡，但不能显式定义：

    <FlyoutItem FlyoutDisplayOptions="AsMultipleItems">
        <ShellContent Title="First"
                      ContentTemplate="{DataTemplate local:Page1}"/>

        <ShellContent Title="Seconde"
                      ContentTemplate="{DataTemplate local:Page2}"/>
    </FlyoutItem>

在本例中，Page1和Page2将显示为底部选项卡和跳出项。

如果出于某些原因，您希望只将页面显示为底部选项卡(将其隐藏在飞出中)，则可以将FlyoutItemIsVisible="False"设置为ShellContent。

    <FlyoutItem FlyoutDisplayOptions="AsMultipleItems">
        <ShellContent Title="First"
                      ContentTemplate="{DataTemplate local:Page1}"/>

        <ShellContent Title="Seconde" FlyoutItemIsVisible="False"
                      ContentTemplate="{DataTemplate local:Page2}"/>
    </FlyoutItem>

编辑

在不使用显式Tabbar元素的情况下生成带有跳出的底部和顶部制表符的示例

    <FlyoutItem FlyoutDisplayOptions="AsMultipleItems">
<Tab Title="1st Bottom Tab">
        <ShellContent Title="1st Top tab"
                      ContentTemplate="{DataTemplate local:Page1}"/>

        <ShellContent Title="Seconde" FlyoutItemIsVisible="False"
                      ContentTemplate="{DataTemplate local:Page2}"/>
</Tab>

<Tab Title="2nd Bottom Tab">
        <ShellContent Title="First"
                      ContentTemplate="{DataTemplate local:Page1}"/>

        <ShellContent Title="Seconde" FlyoutItemIsVisible="False"
                      ContentTemplate="{DataTemplate local:Page2}"/>
</Tab>
    </FlyoutItem>

结论

• 如果您想要飞出(不管是除选项卡之外，顶部还是底部，还是两者兼而有之)，可以使用FlyoutItem作为根元素(不需要Tabbar)。
• 如果您不想使用Tabbar作为根元素，那么就使用跳出。