使用 Prism 导航到 CarouselView 内部的视图

Question

我有一个MyPage 和一个CarouselView，下面有两个按钮。这些按钮用于在CarouselView 内的ContentView 视图之间导航：

[CarouselView]
[Prev]  [Next]

ContentViewA 和 ContentViewB 在 CarouselView 内部

MyPageViewModel 具有上一个和下一个按钮的命令：

class MyPageViewModel : BindableBase
{
    public ICommand ShowPrevCommand { get; private set;}
    public ICommand ShowNextCommand { get; private set;}
}

如何执行命令以使CarouselView 显示视图？

根据文档here

在 Prism 中，导航到视图或导航到 视图模型不存在。相反，您只需导航到 经验，或代表目标视图的唯一标识符 您希望在应用程序中导航到的位置

所以我想我可以使用 INavigationService。 我在想我可以实现自己的NavigationService，在NavigateAsync 上我可以检查当前页面是否为MyPage。如果是，我可以将CarouselView 内的视图设置为基于导航名称参数的视图。

但我不确定如何实现和覆盖 Prism 的导航服务。

Xamarin Forms 的 Prism 可以做这样的事情吗？

Answer 1

不必那么复杂。 CarouselView 具有可绑定属性Position，您可以将其绑定到视图模型的属性

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:forms="clr-namespace:Xamarin.Forms;assembly=Xamarin.Forms.CarouselView">
    <ContentPage.Content>
        <forms:CarouselView Position="{Binding CarouselPosition}">
            <!-- whatever to display in the CarouselView -->
        </form:CarouselView>
    </ContentPage.Content>
</ContentPage>

在您的视图模型中，您可以通过以下方式实现导航：

class MyPageViewModel : BindableBase
{
    public MyPageViewModel()
    {
        ShowPrevCommand = new Command(ShowPrev);
        ShowNextCommand = new Command(ShowNext);
    }

    public ICommand ShowPrevCommand { get; private set;}
    public ICommand ShowNextCommand { get; private set;}

    void OnShowPrev()
    {
        CarouselPosition--;
    }

    void OnShowNext()
    {
        CarouselPosition++;
    }

    public int CarouselPosition
    {
        get => _carouselPosition;
        set
        {
            if(value == _carouselPosition)
            {
                return;
            }

            this._carouselPosition = value;
            PropertyChanges?.Invoke(this, new PropertyChangedEventArgs(CarouselPosition));
        }
    }

}

只是为了了解要点。当然，您必须处理溢出（即CarouselPosition 超过轮播中的视图数量）等情况。