MvvmCross：在另一个视图或等效于CaliburnMicro Conductor内的视图

如何解决MvvmCross：在另一个视图或等效于CaliburnMicro Conductor内的视图

对于MvvmCross和mvvm模式，我一般还很陌生，所以我开始了一个小型学习项目，并一头扎进了墙。我的应用程序基于一个 MainView 的想法，其中包含一个标准Menu和一个子级MvxWpfView。首先，此 ChildView 应该是一个简单的 ReadMeView ，但是在用户输入时，它应该切换到另一个 View （上面有实际数据的视图）。我已经找到了有关此问题的几篇文章，但都没有奏效，或者我听不懂。
我的设置：

核心库（.NET Standard 2.0）
Wpf应用（.NET Core 3.1）

这是我的 MainViewModel ，其中this users solution仍在实现：

using MvvmCross.Commands;
using MvvmCross.ViewModels;

namespace puRGE.Core.ViewModels
{
    public class MainViewModel : MvxViewModel
    {
        #region Fields -------------------------------------------------------------------------------------
        private HomeViewModel m_homeViewModel = new HomeViewModel();
        #endregion ------------------------------------------------------------------------ Fields endregion


        #region Properties ---------------------------------------------------------------------------------
        public HomeViewModel Home {
            get => m_homeViewModel;
            set => SetProperty(ref m_homeViewModel,value);
        }
        #endregion -------------------------------------------------------------------- Properties endregion


        #region Constructors -------------------------------------------------------------------------------
        public MainViewModel() { }
        #endregion ------------------------------------------------------------------ Constructors endregion


        #region Public methods -----------------------------------------------------------------------------
        public override void Prepare()
        {
            Home = new HomeViewModel();
        }
        #endregion ---------------------------------------------------------------- Public methods endregion
    }
}

这是位于我的 MainView （this users solution的其余部分）内的xaml部分：

<Menu>
    <!-- Some MenuItems -->
</Menu>
<UserControl DataContext="{Binding Home,Mode=OneWay,UpdateSourceTrigger=PropertyChanged}" />

视觉VS。现实
image of what I am trying to achieve
我也尝试使用MvxContentPresentation属性，但是老实说，我迷失了自己在MvvmCross Documentation中的某个位置，这时我几乎踩到了我的眼袋。

<local:HomeView/>

这也不起作用。即使Binding的{{1}}方法中设置了属性值，ViewModel仍以这种方式停止工作。我猜像这样调用View会中断事件链或其他事件。

如何在MainView中放置一个View？然后，这个Child能够导航到另一个View，反之亦然（遵循导航文档）吗？

编辑_01102020：
到目前为止，一般的Mvvm方法似乎行不通。
编辑_02102020：
Home现在可以导航到SomeOtherViewModel并返回。仍然不知道如何在我的MainView中包含它。

解决方法

在您的MainView.xaml中：

<Menu>
    <!-- Some MenuItems -->
</Menu>
<UserControl DataContext="{Binding Home}">
    <UserControl.Resources>
        <DataTemplate DataType="{x:Type viewModels:ModelAViewModel}">
            <local:ModelAView />
        </DataTemplate>
        <DataTemplate DataType="{x:Type viewModels:ModelBViewModel}">
            <local:ModelBView />
        </DataTemplate>
    </UserControl.Resources>
    <ContentPresenter Content="{Binding}" />
</UserControl>

记住要在HomeViewModel中通知您的更改：

public void ActivateModelAViewModel()
{
    HomeViewModel = Mvx.IoCProvider.Resolve<ModelAViewModel>();
    //In your HomeViewModel property:
    //RaisePropertyChanged(() => HomeViewModel);
}

public void ActivateModelBViewModel()
{
    HomeViewModel = Mvx.IoCProvider.Resolve<ModelBViewModel>();
    //In your HomeViewModel property:
    //RaisePropertyChanged(() => HomeViewModel);
}

我还发现以下替代方法也能胜任（第一个方法除外，已注释掉）：

<StackPanel>
    <!--<TextBlock FontWeight="Bold">1. ContentPresenter - DataContext</TextBlock>
    <ContentPresenter DataContext="{Binding ActiveViewModel}">
        <ContentPresenter.Resources>
            <DataTemplate DataType="{x:Type viewModels:WorkWeekViewModel}">
                <local:WorkWeekView />
            </DataTemplate>
            <DataTemplate DataType="{x:Type viewModels:WorkViewModel}">
                <local:WorkView />
            </DataTemplate>
        </ContentPresenter.Resources>
    </ContentPresenter>-->

    <TextBlock FontWeight="Bold">2. ContentPresenter - Content</TextBlock>
    <ContentPresenter Content="{Binding ActiveViewModel}" >
        <ContentPresenter.Resources>
            <DataTemplate DataType="{x:Type viewModels:WorkWeekViewModel}">
                <local:WorkWeekView />
            </DataTemplate>
            <DataTemplate DataType="{x:Type viewModels:WorkViewModel}">
                <local:WorkView />
            </DataTemplate>
        </ContentPresenter.Resources>
    </ContentPresenter>

    <TextBlock FontWeight="Bold">3. ContentControl - DataContext</TextBlock>
    <ContentControl DataContext="{Binding ActiveViewModel}">
        <ContentControl.Resources>
            <DataTemplate DataType="{x:Type viewModels:WorkWeekViewModel}">
                <local:WorkWeekView />
            </DataTemplate>
            <DataTemplate DataType="{x:Type viewModels:WorkViewModel}">
                <local:WorkView />
            </DataTemplate>
        </ContentControl.Resources>
        <ContentPresenter Content="{Binding}" />
    </ContentControl>

    <TextBlock FontWeight="Bold">4. ContentControl - Content</TextBlock>
    <ContentControl Content="{Binding ActiveViewModel}">
        <ContentControl.Resources>
            <DataTemplate DataType="{x:Type viewModels:WorkWeekViewModel}">
                <local:WorkWeekView />
            </DataTemplate>
            <DataTemplate DataType="{x:Type viewModels:WorkViewModel}">
                <local:WorkView />
            </DataTemplate>
        </ContentControl.Resources>
    </ContentControl>

    <TextBlock FontWeight="Bold">5. UserControl - DataContext</TextBlock>
    <UserControl DataContext="{Binding ActiveViewModel}">
        <UserControl.Resources>
            <DataTemplate DataType="{x:Type viewModels:WorkWeekViewModel}">
                <local:WorkWeekView />
            </DataTemplate>
            <DataTemplate DataType="{x:Type viewModels:WorkViewModel}">
                <local:WorkView />
            </DataTemplate>
        </UserControl.Resources>
        <ContentPresenter Content="{Binding}" />
    </UserControl>

    <TextBlock FontWeight="Bold">6. UserControl - Content</TextBlock>
    <UserControl Content="{Binding ActiveViewModel}">
        <UserControl.Resources>
            <DataTemplate DataType="{x:Type viewModels:WorkWeekViewModel}">
                <local:WorkWeekView />
            </DataTemplate>
            <DataTemplate DataType="{x:Type viewModels:WorkViewModel}">
                <local:WorkView />
            </DataTemplate>
        </UserControl.Resources>
    </UserControl>

    <TextBlock FontWeight="Bold">7. MvxWpfView - DataContext</TextBlock>
    <views:MvxWpfView DataContext="{Binding ActiveViewModel}">
        <views:MvxWpfView.Resources>
            <DataTemplate DataType="{x:Type viewModels:WorkWeekViewModel}">
                <local:WorkWeekView />
            </DataTemplate>
            <DataTemplate DataType="{x:Type viewModels:WorkViewModel}">
                <local:WorkView />
            </DataTemplate>
        </views:MvxWpfView.Resources>
        <ContentPresenter Content="{Binding}" />
    </views:MvxWpfView>

    <TextBlock FontWeight="Bold">8. MvxWpfView - Content</TextBlock>
    <views:MvxWpfView Content="{Binding ActiveViewModel}">
        <views:MvxWpfView.Resources>
            <DataTemplate DataType="{x:Type viewModels:WorkWeekViewModel}">
                <local:WorkWeekView />
            </DataTemplate>
            <DataTemplate DataType="{x:Type viewModels:WorkViewModel}">
                <local:WorkView />
            </DataTemplate>
        </views:MvxWpfView.Resources>
    </views:MvxWpfView>
</StackPanel>

有些只是从其他继承而来，例如。 MvxWpfView : UserControl; UserControl : ContentControl，但不确定ContentPresenter，因为孩子本身<ContentPresenter Content="{Binding}" />本身就不需要孩子ContentPresenter。

在我的情况下，ActiveViewModel，WorkWeekViewModel和WorkViewModel是MvxViewModel的实例； WorkWeekView和WorkView是MvxWpfView的实例。

MvvmCross：在另一个视图或等效于CaliburnMicro Conductor内的视图

如何解决MvvmCross：在另一个视图或等效于CaliburnMicro Conductor内的视图

解决方法

相关推荐