继上一篇《Silverlight开发廋身攻略(一)》,在上一节中我主要介绍了在实际开发中怎么动态加载图片资源的方法,并附有实例。在这一节中主要给大家介绍MEF(Managed Extensibility Framework)的知识来实现Xap包的动态加载。
Managed Extensibility Framework(MEF)是.NET平台下的一个扩展性管理框架,它是一系列特性的集合,包括依赖注入(DI)以及Duck Typing等。MEF为开发人员提供了一个工具,让我们可以轻松的对应用程序进行扩展并且对已有的代码产生最小的影响,开发人员在开发过程中根据功能要求定义一些扩展点,之后扩展人员就可以使用这些扩展点与应用程序交互;同时MEF让应用程序与扩展程序之间不产生直接的依赖,这样也允许在多个具有同样的扩展需求之间共享扩展程序。简单的说:MEF程序设计主要Export (输出)、Import (输入)、Compose (组合)三个动作来完成。MEF的核心包括一个catalog和一个CompositionContainer。category用于发现扩展,而container用于协调创建和梳理依赖性。每个可组合的Part提供了一个或多个Export,并且通常依赖于一个或多个外部提供的服务或Import。每个Part管理一个实例为应用程序运行。
关于MEF的基础知识在这里不是重点,大家可以在网上搜一下,有很多介绍这方面的文章。下面直截以实例转入正题。在实例中我们创建三个Silverlight Application项目,它们分别是:MEFLoadXap、FristXap、SecondXap。MEFLoadXap是主项目,它是一个容器,通过它来动态加载FristXap、SecondXap包。本实例环境是VS.net 2010 net4.0,在Net4.0中集成了MEF的功能。
一、新建MEFLoadXap项目
1、用VS.net 2010新建名为MEFLoadXap的Silverlight Application项目,添加System.ComponentModel.Composition、System.ComponentModel.Composition.Initialization引用,如下图所示:
2、在MEFLoadXap项目下添加DeploymentCatalogService.cs文件,在文件中添加IDeploymentCatalogService接口,并编写继承此接口的DeploymentCatalogService的类,此类主要封装了下载指定Xap包,自动导入带有Export属性标签类型为UserControl控件对象。
IDeploymentCatalogService代码:
/// <summary>
/// 加载Xap服务接口
/// </summary>
public interface IDeploymentCatalogService
{
/// <summary>
/// 加载Xap包的方法
/// </summary>
/// <param name="uri">Xap包路径</param>
/// <param name="completedAction">加载完成后的事件</param>
void AddXap(string uri, Action<AsyncCompletedEventArgs> completedAction = null);
/// <summary>
/// 移除Xap包的方法
/// </summary>
/// <param name="uri">Xap包路径</param>
void RemoveXap(string uri);
}
DeploymentCatalogService类的代码:
/// <summary>
/// 加载Xap服务类
/// </summary>
[Export(typeof(IDeploymentCatalogService))]
public class DeploymentCatalogService : IDeploymentCatalogService
{
private static AggregateCatalog _aggregateCatalog;
Dictionary<string, DeploymentCatalog> _catalogs;
public DeploymentCatalogService()
{
_catalogs = new Dictionary<string, DeploymentCatalog>();
}
/// <summary>
/// 初始化对象的静态方法
/// </summary>
public static void Initialize()
{
_aggregateCatalog = new AggregateCatalog();
_aggregateCatalog.Catalogs.Add(new DeploymentCatalog());
CompositionHost.Initialize(_aggregateCatalog);
}
/// <summary>
/// 加载Xap包的方法
/// </summary>
/// <param name="uri">Xap包路径</param>
/// <param name="completedAction">加载完成后的事件</param>
public void AddXap(string uri, Action<AsyncCompletedEventArgs> completedAction = null)
{
DeploymentCatalog catalog;
if (!_catalogs.TryGetValue(uri, out catalog))
{
catalog = new DeploymentCatalog(uri);
if (completedAction != null)
{
catalog.DownloadCompleted += (s, e) => completedAction(e);
}
else
{
catalog.DownloadCompleted += catalog_DownloadCompleted;
}
catalog.DownloadAsync();
_catalogs[uri] = catalog;
_aggregateCatalog.Catalogs.Add(catalog);
}
}
void catalog_DownloadCompleted(object sender, AsyncCompletedEventArgs e)
{
if (e.Error != null)
{
throw e.Error;
}
}
/// <summary>
/// 移除Xap包的方法
/// </summary>
/// <param name="uri">Xap包路径</param>
public void RemoveXap(string uri)
{
DeploymentCatalog catalog;
if (_catalogs.TryGetValue(uri, out catalog))
{
_aggregateCatalog.Catalogs.Remove(catalog);
_catalogs.Remove(uri);
}
}
}
3、修改设计MainPage,在MainPage界面设计中我们把整个界面分为左、右两部分,左边放两个按钮,右边放一个容器控件用于承载显示动态下载Xap包中的控件,其Xaml代码如下:
<Grid x:Name="LayoutRoot" Background="#FFD8D8D8">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="200"></ColumnDefinition>
<ColumnDefinition Width="*"></ColumnDefinition>
</Grid.ColumnDefinitions>
<Button Height="36" Width="160" Margin="20,106,20,158" Content="加载一" Click="Button_Click"></Button>
<Button Height="36" Width="160" Margin="20,189,20,75" Content="加载二" Click="Button_Click_1"></Button>
<Border x:Name="parentContent" Grid.Column="1"></Border>
</Grid>
MainPage类的CS代码:
public partial class MainPage : UserControl, IPartImportsSatisfiedNotification
{
public MainPage()
{
InitializeComponent();
//通过此方法调用DeploymentCatalogService对象
//自动将此对象与CatalogService属性邦定在一起
CompositionInitializer.SatisfyImports(this);
this.Loaded += new RoutedEventHandler(MainPage_Loaded);
}
void MainPage_Loaded(object sender, RoutedEventArgs e)
{
LoadSelectedModule();
}
private string m_xapName = "FristXap.xap";
#region IPartImportsSatisfiedNotification Members
public void OnImportsSatisfied()
{
LoadSelectedModule();
}
#endregion
/// <summary>
/// 导入类型是IDeploymentCatalogService并带有Export属性标签对象
/// </summary>
[Import]
public IDeploymentCatalogService CatalogService { get; set; }
/// <summary>
/// 导入类型是UserContronl并带有Export属性标签的所有控件
/// </summary>
[ImportMany(AllowRecomposition = true)]
public Lazy<UserControl>[] mefModules { get; set; }
/// <summary>
/// 加载XAP包的方法
/// </summary>
private void LoadSelectedModule()
{
string selectXapName = m_xapName.Replace(".xap", ".");
CatalogService.AddXap(m_xapName);
var ctrs = (from m in mefModules.ToList()
where m.Value.ToString().Contains(selectXapName)
select m).FirstOrDefault();
if (ctrs != null)
{
parentContent.Child = ctrs.Value;
}
}
private void Button_Click(object sender, RoutedEventArgs e)
{
m_xapName = "FristXap.xap";
LoadSelectedModule();
}
private void Button_Click_1(object sender, RoutedEventArgs e)
{
m_xapName = "SecondXap.xap";
LoadSelectedModule();
}
}
二、新建FristXap项目
1、用VS.net 2010新建名为FristXap的Silverlight Application项目,添加System.ComponentModel.Composition、System.ComponentModel.Composition.Initialization引用
2、删除FristXap项目下的App.xaml、MainPage.xaml文件,因它是被加载项目基本没有什么用处
3、添加名为Ellipse.xaml用户控件,此控件主要作用是画一个椭圆。此控件效果图如下:
控件Xaml代码如下:
<Grid x:Name="LayoutRoot" >
<Ellipse Height="300" Width="400" Fill="#FF3BC73B"></Ellipse>
<TextBlock Text="第一个XAP包中的椭圆控件" VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="14"></TextBlock>
</Grid>
三、新建SecondXap项目
1、用VS.net 2010新建名为SecondXap的Silverlight Application项目,添加System.ComponentModel.Composition、System.ComponentModel.Composition.Initialization引用
2、删除SecondXap项目下的App.xaml、MainPage.xaml文件
3、添加名为Rectangle.xaml用户控件,此控件主要作用是画一个矩形。此控件效果图如下:
四、编译运行项目,点击如下图所示的按钮动态加载FristXap.xap、SecondXap.xap包中的控件对象,加载过程是首先判断指定的包是否已下载到本地,如果在本地则直接加载;如果不在本地,则先到远程服务器上下载Xap包,后加载控件对象。运行效果图如下: