将嵌套视图连接到 Prism 4.0 和 MEF 中的视图模型

Question

我是 MEF 的新手，试图弄清楚如何构建我的 Prism 4.0 应用程序以将视图连接到视图模型。我的用例是，我有一个用户控件嵌套在另一个用户控件中。我想将嵌套用户控件连接到其视图模型。我尝试遵循 Prism 4.0 示例，但不确定我是否使用 MEF 最佳实践。

以下是我的应用程序中的一些片段来演示该问题。 HomeView 有一个名为 HelloView 的嵌套用户控件。我需要将 HelloView 连接到其名为 HelloViewModel 的视图模型。当前状态下的代码不起作用。我认为 HelloView 不是由 MEF 构建的，因此 HelloViewModel 没有被连接。

***** HomeModule *****
[ModuleExport(typeof(HomeModule))]
public class HomeModule : IModule
{
    IRegionManager _regionManager;

    [ImportingConstructor]
    public HomeModule(IRegionManager regionManager)
    {
        _regionManager = regionManager;
    }

    public void Initialize()
    {
        // Create the view
        IHomeView homeView = ServiceLocator.Current.GetInstance<IHomeView>();

        // Add it to the region
        IRegion region = _regionManager.Regions["MainRegion"];
        region.Add(homeView, "HomeView");
        region.Activate(homeView);
    }
}


****** IHomeView *****
public interface IHomeView
{
}


***** HomeView.xaml *****
<UserControl ...>

    <Grid x:Name="LayoutRoot">
        <view:HelloView x:Name="helloView"/>
    </Grid>

</UserControl>


***** HomeView.xaml.cs *****
[Export(typeof(IHomeView))]
[PartCreationPolicy(CreationPolicy.NonShared)]
public partial class HomeView : UserControl, IHomeView
{
    public HomeView()
    {
        InitializeComponent();
    }
}


***** IHelloView *****
public interface IHelloView
{
}


***** HelloView.xaml *****
<UserControl ...>
    <StackPanel x:Name="LayoutRoot" Margin="10">
        <StackPanel Orientation="Horizontal" VerticalAlignment="Top">
            <TextBlock Text="Name" VerticalAlignment="Center" />
            <TextBox Width="100" VerticalAlignment="Center" Margin="10 0 0 0"
                     Text="{Binding Path=Name, Mode=TwoWay}" />
            <Button Content="Submit" VerticalAlignment="Center" Margin="10 0 0 0"
                    Command="{Binding SubmitCommand}"/>
        </StackPanel>
        <TextBlock Text="{Binding Message}" Margin="0 10 0 0" Foreground="Red" />
    </StackPanel>
</UserControl>

***** HelloView.xaml.cs *****
[Export(typeof(IHelloView))]
[PartCreationPolicy(CreationPolicy.NonShared)]
public partial class HelloView : UserControl, IHelloView
{
    public HelloView()
    {
        InitializeComponent();
    }

    [Import]
    public IHelloViewModel ViewModel
    {
        set { this.DataContext = value; }
    }
}


***** IHelloViewModel *****
public interface IHelloViewModel
{
}


***** HelloViewModel *****
[Export(typeof(IHelloViewModel))]
[PartCreationPolicy(CreationPolicy.NonShared)]
public class HelloViewModel : NotificationObject, IHelloViewModel
{
    public HelloViewModel()
    {
        this.SubmitCommand = new DelegateCommand<object>(this.OnSubmit);
    }

    private void OnSubmit(object obj)
    {
        Message = "Hello " + Name;
    }

    private string _name;
    public string Name
    {
        get { return _name; }
        set
        {
            if (value != _name)
            {
                _name = value;
                this.RaisePropertyChanged("Name");
            }
        }
    }

    private string _message;
    public string Message
    {
        get { return _message; }
        set
        {
            if (value != _message)
            {
                _message = value;
                this.RaisePropertyChanged("Message");
            }
        }
    }

    public ICommand SubmitCommand { get; private set; }
}

Answer 1

你的解决方案没问题，我只有两个注释：
第一：如果您的目录包含超过 1 种类型的 IHelloViewModel（这很可能是因为您相应地有多个视图和视图模型），那么您会收到组合错误，因为导入返回多个结果。

[Import]public IHelloViewModel ViewModel

应该是这样的

[Import(typeof(HelloViewModel))] IHelloViewModel ViewModel

，或者你只是让你的财产像：

   [Import]
public HelloViewModel ViewModel

第二：
不要使用 ServiceLocator 来创建 HomeView。 ServiceLocator 旨在创建单例实例，而 EventAggregator 是完美的候选者。视图不应共享（并且您正确地将其标记为 [PartCreationPolicy(CreationPolicy.NonShared)] - 否则，如果您想将视图添加到另一个区域，则会出现错误。）
）

使用

   [Import]
    public HomeView HomeView 

希望这有帮助。