【问题标题】:Xamarin.Forms; Getting a tabbed page to be inside a MasterDetail PageXamarin.Forms;将选项卡式页面置于 MasterDetail 页面内
【发布时间】:2020-08-26 20:21:22
【问题描述】:

我有一个主详细信息页面,顶部有一个汉堡图标,显示抽屉菜单。但是主细节本身只有一页,我喜欢它是 2 页(就像在标签页中,你可以在两者之间滑动)。

我尝试了以下方法:

<MasterDetailPage.Detail>
    <TabbedPage>
        <TabbedPage.Children>
            <ContentPage Title="Page 1" Icon="ja.png" />
            <ContentPage Title="Page 2" Icon="ja.png" />
            <ContentPage Title="Page 3" Icon="ja.png" />
        </TabbedPage.Children>
    </TabbedPage>
</MasterDetailPage.Detail>

这确实会在主详细信息中显示多个页面,但它也会删除汉堡和整个导航栏。

有没有办法在主详细信息中启用选项卡式页面,并且仍然具有带有汉堡图标的导航栏?

谢谢!

【问题讨论】:

标签: xamarin.forms


【解决方案1】:

只有当您有另一个页面是选项卡式页面并在此处呈现时,我才工作:

<MasterDetailPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:d="http://xamarin.com/schemas/2014/forms/design"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             mc:Ignorable="d"
             x:Class="Q2go.View.MasterDetailPage1"
             xmlns:pages="clr-namespace:Q2go.View">
    <MasterDetailPage.Master>
        <pages:MasterDetailPage1Master x:Name="MasterPage" />
    </MasterDetailPage.Master>
    <MasterDetailPage.Detail>
        <NavigationPage>
            <x:Arguments>
                <pages:TabbedPage1/>
            </x:Arguments>
        </NavigationPage>
    </MasterDetailPage.Detail>
</MasterDetailPage>

【讨论】:

    【解决方案2】:

    尝试将您的 TabbedPage 包装在 NavigationPage 中:

      <MasterDetailPage.Detail>
        <NavigationPage>
            <x:Arguments>
                <TabbedPage>
                    <TabbedPage.Children>
                        <ContentPage Title="Page 1" Icon="ja.png" />
                        <ContentPage Title="Page 2" Icon="ja.png" />
                        <ContentPage Title="Page 3" Icon="ja.png" />
                    </TabbedPage.Children>
                </TabbedPage>
            </x:Arguments>
        </NavigationPage>
    </MasterDetailPage.Detail>
    

    【讨论】:

    • 那行不通。由于某种原因,它会删除导航栏。看我的回答,这很容易。谢谢
    • @user13397492 这不是你想要达到的吗? imgur.com/a/Aa5U5f5
    • 不,汉堡图标和整个导航栏必须保留!我自己做的(见下面的答案)
    猜你喜欢
    • 1970-01-01
    • 2018-02-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多