以编程方式在 TabbedPage 中的选项卡之间切换

Question

我有 4 个子标签页（4 个标签页），我想覆盖后退按钮，以便在您按下它时始终设置第一页。我尝试了几种方法，这对我来说似乎最有意义，但它不起作用 - tabbedPage 始终为空（当我在所有选项卡中覆盖时）

protected override bool OnBackButtonPressed()
{
    var tabbedPage = this.Parent as TabbedPage;
    tabbedPage.CurrentPage = tabbedPage.Children[1];
    return base.OnBackButtonPressed();
}

我试图像这样覆盖 TabbedPage Parent 中的这个后退按钮：

protected override bool OnBackButtonPressed()
{
    if(CurrentPage == FirstPage)
    {
        return base.OnBackButtonPressed();
    }
    CurrentPage = FirstPage;
    return true;
}

但它总是关闭我的应用程序。知道为什么 tabbedPage 对我来说是空的吗？

Answer 1

我的问题是我的子页面是NavigationPage，我应该使用this.Parent.Parent 进行投射。所以当你使用NavigaionPage 作为Children 的TabbedPage 时应该这样做

protected override bool OnBackButtonPressed()
{
    var tabbedPage = this.Parent.Parent as TabbedPage;
    tabbedPage.CurrentPage = tabbedPage.Children[0];
    return true;
}

Answer 2

首先，当您拥有 TabbedPage 时，OnBackButtonPressed 不是在 ContentPage 中被调用，而是在 TabbedPage 本身上被调用。因此，重写该方法的正确位置确实在 TabbedPage 中。

其次，如果您在 TabbedPage 本身中重写该方法，它将完成工作，如下所示：

protected override bool OnBackButtonPressed()
{
    var firstPage = Children[0];
    if (CurrentPage == firstPage)
    {
        return base.OnBackButtonPressed();
    }

    CurrentPage = firstPage;
    return true;
}

注意：请注意您的 Children 集合是什么。如果您将页面包装在 NavigationPage 中，则检查将不正确。

Answer 3

设置App的MainPage时，可以在App.xaml.cs中设置当前TabbedPage。

在 App.xaml.cs 中

这里的MainPage是你项目中的TabbedPage。

public partial class App : Application
{
    public MainPage CurrentPage { get; }
    public App()
    {
        InitializeComponent();

        MainPage tabbedPage = new MainPage();
        CurrentPage = tabbedPage;

        DependencyService.Register<MockDataStore>();
        MainPage = tabbedPage;
    }
    //...
}

现在您可以在子页面中访问它了。

protected override bool OnBackButtonPressed()
{

    App currentApp = Application.Current as App;
    var tabbedpage = currentApp.CurrentPage;

    tabbedpage.CurrentPage = tabbedpage.Children[0];

    return true;

}

上面的代码在我的项目中运行良好。如果它仍然对您不起作用，您可以分享一个示例，以便我进行测试。