如何将数据从主机绑定到插件

Question

如何使用 MEF 将数据从主机绑定到插件？

所以事情是这样的：

• 我使用 MVVM，所以我有我的模型、视图模型和视图。
• 我想使用 MEF 来扩展我的应用程序。
• 我想将所有数据存储在MainViewModel 中，这样每个插件都可以使用实际数据。
• 插件是UserControl，在MainViewModel 中将显示为ContentControl。

到目前为止我所拥有的：

• MainViewModel
• 型号
• 从 MainViewModel 到 View 的数据绑定。
• 从文件夹 X 导入插件

我需要什么： - 插件需要将MainViewModel 中的数据绑定到插件UI。 - 更改插件 UI 中的属性必须更新 MainViewModel 中的数据并更新所有其他插件的 UI。

插件接口：

public interface IPlugin
{

}
   public interface IPluginData
{
   string Name { get; }
}

MainViewModel：（它的一部分）

private MyModel myfirstmodel; 
private DirectoryCatalog catalog;
private CompositionContainer container;

[ImportMany] 
IEnumerable<Lazy<IPlugin, IPluginData>> Plugins;

public MainWindowViewModel()
{
    string pluginPath = Path.GetDirectoryName(Assembly.GetExecutingAssembly().Location);
    pluginPath = Path.Combine(pluginPath, "plugins");
    if (!Directory.Exists(pluginPath))
    Directory.CreateDirectory(pluginPath);
    catalog = new DirectoryCatalog(pluginPath, "*.dll");
    container = new CompositionContainer(catalog);

    try
    {
        this.container.ComposeParts(this);
    }
    catch (CompositionException compositionException)
    {
        Console.WriteLine(compositionException.ToString());
    }
}

模型

public class MyModel
{
    private string message;
    private int number;
    private DateTime date;

    public string Message { get { return message; } set { message = value; } }
    public int Number { get { return number; } set { number = value; } }
    public DateTime Date { get { return date; } set { date = value; } }
}

插件

[Export(typeof(IPlugin))]
[ExportMetadata("Name", "MyFirstPlugin")]
public partial class MyFirstPlugin : UserControl, IPlugin
{

    public MyFirstPlugin()
    {
        InitializeComponent();
    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {
        //Change the message in MainWindowViewModel and the date when it gets changed.
    }
}

我尝试使用INotifyPropertyChanged，但没有走那么远..

有没有人有一个非常好的教程或者可以告诉我如何做到这一点？ 我会很感激“如何”，而不仅仅是“只使用INotifyPropertyChanged”。

这可能吗？

Answer 1

就我个人而言，我认为您的做法是错误的，MEF 专门设计用于执行这种类型的管道，因此您不必这样做。

在适当的 MVVM 应用程序中，视图通常是通过数据模板创建的，即使您不这样做，通常也需要导入其他全局数据，例如画笔和行为等。如果您确实使用模板（你真的应该这样做）那么你不需要明确地导出你的控件；简单地通过模板引用它们也会导致它们被导入。

您可以在实践中通过导入器的另一遍来实现这一点。为每个插件提供一个自定义 ResourceDictionary 并将所有全局数据/模板/UI 资源等放入其中（因此它实际上是插件的 App.xaml 版本）。诀窍是给这些 ResourceDictionaries 自己的代码隐藏文件，并用 Export 装饰 那些 类。然后，您的主要应用程序所要做的就是导入所有类型为 ResourceDictionary 的类（或者最好是返回字典的派生类或接口）并将每个类添加到Application.Current.Resources.MergedDictionaries。从那时起，您的插件的开发几乎与您在以通常方式静态链接的 DLL 项目中一样。

Answer 2

为了与 ModelView 交换数据，您需要一个代表主机的接口。您还需要一个容器或方法来插入表示插件的可视控件。

 interface IPluginHost 
 {
      MyModelView ModelView {get;}
      MyMainWindow View {get;}
 }

 interface IPlugin
 {
    void Register(IPluginHost host);
    void Unregister();
 }

在你向主机注册插件之后，这将使他们能够访问模型视图：

this.container.ComposeParts(this);
foreach(var plugin in Plugins)
{
     plugin.Value.Register(this);
}

我需要什么： - 插件需要绑定来自 MainViewModel 到插件 UI。

插件可以通过Register 方法访问 MainViewModel，前提是它可以执行所有必要的绑定。这是可以完成的许多方法之一：

 public partial class MyFirstPlugin : UserControl, IPlugin
 {
      ...

     void Register(IPluginHost host)
     {
          _host = host;

           // Attach main model view as data context
           this.DataContext = host.ModelView; 

           // Add control to the host's container
           var mainWindow = host.View;

           mainWindow.AddPluginControl((UserControl)this);
     }

     void Unregister()
     {
          if (_host == null)
          { 
              return;
          }

          this.DataContext = null;
          _host.View.RemovePluginControl(this);
          _host = null;
     }

     IPluginHost _host;

 }

AddPluginControl() ,RemovePluginControl() 是将插件的可视元素插入容器的公共方法。