Getting Started With MEF to Load WPF User Controls From .Dll in VS 2012

Jay Parekh

WPF VS 2010 Lazy Loading MEF.Dll in VS 2012Load WPF User Controls

6 Comments

Join the conversation! Your thoughts help the community grow.

Ramaraju V V9y ago
Hi Jey.. tq very much.. However, can you help me about how to debug button click event of dynamically loaded user control, i.e. "this usercontrol Btn" in the shared code. I am unable to debug button events of those dynamically loaded dlls via MEF.
Sebastian Wilson13y ago
Thank you for your work and the example code. I think it would of been nice to add a whole implementation as a guide explaining how you made the XAML and everything else in your project which exist in the Mef.rar file.
nitin patel13y ago
Explanation of Whole article is very simple and easy to understand keep it up Jay...
mayank rajpura13y ago
This is good starting for new users with MEF Keep it up, and Very Clear to unnderstand, Good Work
Jay Parekh13y agoedited
Delighted to hear this from Hiren & Mayank & Nitin Bhai
Bharadwa Hiren13y ago
Its very helpful for me thanks dude......

Description

Hi every one, this article will show how to make a DLL that contains WPF User Controls and then we can load that .dll using MEF (lazy loading) then how to add that User Controls to other applications from the dll.

It is a very simple demo so I have just used 1 user control in 1 class Library; you can use many or you can use your plug-in as per your requirements.

I have read many articles but no one has show this with a perfect example so I have written this article with an example.

To do this, we need to do a couple of things:

Use the Class Library and add the Interface that will be implemented in the class that will be exported.
Use another class library and add the WPF User Control in it; add the reference of the class library that contains the Interface to inherit and implement the interface.
Use a new WPF Application that uses the MEF to load the .dll and get the exported Classes.

STEP 1

Use the Class Library and add the Interface that will be implemented in the exported class.

1.1: In VS2012 add a new project, then add the new class library named "Contract.InheritedContract".

1.2: Add the new interface in it named "IMain".

1.3: Now it looks like this:

1.4: In "IMain" we will have one string property named "NameOFUC", the name of the User Control.

public interface IMain

{

string NameOFUC { get; }

}

1.5: Add a reference for "system.componentModel.Composition" to the project.

1.6: Write "[InheritedExport(typeof(IMain))]" on the Interface. That will export all the classes that inherit this Interface.

Now your contract is ready so you just need to inherit the Interface in every class.

STEP 2

Add the Class Library and add a WPF User Control in it and implement the interface.

2.1: In VS2012 add a new project, then add a new class library as shown in step 1.1.

Add a new Class Library named "DllWithUC" that contains the User Control or your plug-in.

2.2 Add the WPF User Control in it.

And then add the reference for the class library that has the interface in it. And add the reference for "System.XAML" to it.

Also add the reference of the "system.componentModel.Composition.dll" as shown in Step 1.5.

2.3 Implement the "IMain" Interface on the User Control.

Step 3

Use a new WPF Application in which we will use the MEF to load the .dll and get the exported classes.

3.1 Add the WPF Application to the project.

Add the WPF Application to the project that will be used to add the Plug-in or User Control in it.

3.2 Add a reference for "system.componentModel.Composition" and "Contract.InheritedContract".

3.3 Add the "[ImportMany(typeof(IMain))]".

To get the imported classes we need to write an import statement like this:

WPF9.5.jpg

It will contain the imported classes collection.

3.4 Create a directory catalog to get the .dll files and parts from the .dll.

Conclusion

Using MEF and a clean implementation of MVVM in a WPF application you can do amazing things.