旋转木马页面导航

Question

我只是想问一下旋转木马页面的流向。所以我正在试着想出一些办法来解决我的问题。我有一个有2个按钮的主页，其中一个带我到旋转木马1，向右滑动我得到旋转木马2，另一个向右滑动旋转木马2到旋转木马1。然而，我被要求改变流程，所以如果我去旋转木马2我向左滑动得到旋转木马1。

I have tried switch case but for some reason the first page doesnt load properly


     //    System.Threading.Thread.Sleep(500);
                //    //model.Busy = false;
                //    Device.BeginInvokeOnMainThread(async () =>
                //    {
                //        switch (_pages)
                //        {
                //            case Pages.Reading:
                //                await Navigation.PushAsync(new CarouselLearning(false), false);
                //                break;
                //            case Pages.Listening:
                //                await Navigation.PushAsync(new CarouselLearning(true), false);
                //                break;

                //        }
                //        Navigation.RemovePage(this);
                //    });
                //});

and then i tried just simple navigation which of course dosent work
 private async void OnListeningButtonClicked(object sender, EventArgs e) 
        {
            await Navigation.PushAsync(new CarouselLearning(Listening));
        }

你有这方面的经验吗？

Answer 1

在Carousel Page中，您可以通过设置CurrentPage来选择转到旋转木马1或旋转木马2，例如：

public MainPageCS(bool isReading) {

    var greenContentPage = new ContentPage
    {
        Padding = padding,
        Content = new StackLayout {
        ...
    }
    };
    var blueContentPage = new ContentPage
    {
        Padding = padding,
        Content = new StackLayout {
        ...
    }
    };

    Children.Add(blueContentPage );
    Children.Add(greenContentPage);

    if (isReading)
    {
        this.CurrentPage = greenContentPage;
    }
    else
    {
        this.CurrentPage = blueContentPage ;
    }
}

如果您转到旋转木马1，则向右滑动转到旋转木马2，如果您转到旋转木马2，则向左滑动转到旋转木马1。

顺便说一句，你也可以使用CarouselView来达到你想要的效果。

导航到CarouselLearning页面时，将CurrentItem设置为转盘1或转盘2。

或者使用CarouselView的FlowDirection