技巧：在Silverlight 2应用程序中切换用户控件

摘要

大家都知道，在Silverlight 2应用程序中，每个应用程序将生成一个xap文件，每一个xap文件中只能设置一个起始的用户控件。如果我们有多个用户控件，需要在不同的ASP.NET页面中加载，最简单的方法莫过于针对多个用户控件分别建立对应的Silverlight项目，但这种方式有很多的缺点，如我们的样式文件需要在多个项目中进行拷贝。

本文将介绍利用初始化参数进行用户控件的切换这一技巧。

准备

现在建立一个项目结构如下图所示，在Silverlight项目中我们有个三个用户控件：ContentPage、DefaultPage、MasterPage，需要在不同的ASP.NET页面加载时显示不同的用户控件。

思路

要实现这个功能并不是什么难事，我们完全可以使用InitParams这个属性，如下图所示：

或者在HTML中通过param指定InitParameters：

该属性是一个Dictionary<string,string>类型的，我们可以在其中设置一系列的键-值对初始化参数，用逗号“，”分割开。所以我们的思路非常简单，就是在ASP.NET页面或者HTML中通过InitParameters指定起始用户控件，然后在Application_Startup事件中获取参数，并设置RootVisual。

实现

如下面这段代码，我们设置一个初始化参数InitPage为ContentPage：

<asp:SilverlightID="Xaml1"runat="server"Source="~/ClientBin/SwitchUserControl.xap"MinimumVersion="2.0.30523"Width="100%"Height="100%"InitParameters="InitPage=ContentPage"/>

然后在Application_Startup根据参数不同设置不同的RootVisual：

private voidApplication_Startup(objectsender,StartupEventArgse)
{if(!e.InitParams.ContainsKey("InitPage"))
    {this.RootVisual =newDefaultPage();return;
    }switch(e.InitParams["InitPage"])
    {case"MasterPage":this.RootVisual =newMasterPage();break;case"ContentPage":this.RootVisual =newContentPage();break;default:this.RootVisual =newDefaultPage();break;
    }
}

现在运行程序后，可以看到起始用户控件为ContentPage，如下图所示：

 

改进

上面这种方式虽然达到了我们的目的，但是switch语句代码实在不怎么优雅，如果有几十个用户控件，那就得有几十个分支。既然我们在初始话参数中设置了起始用户控件名，为什么不直接使用反射呢？在Silverlight 2中，对于发射提供了很好的支持，所以我们的代码可以修改如下：

private voidApplication_Startup(objectsender,StartupEventArgse)
{if(!e.InitParams.ContainsKey("InitPage"))
    {this.RootVisual =newDefaultPage();return;
    }Assemblyassembly =Assembly.GetExecutingAssembly();StringrootName =String.Format("SwitchUserControl.{0}", e.InitParams["InitPage"]);UIElementrootVisual = assembly.CreateInstance(rootName)asUIElement;this.RootVisual = rootVisual;
}

现在代码看起来好多了，即便有再多的用户控件也不用再修改此处的代码。但是大家一定要注意一个问题，就是要合理的划分Silverlight项目，不要把所有的用户控件都放在一个项目里面，避免xap文件过大。在后面我还会写一篇文章来谈谈如何合理的划分Silverlight项目结构，以及如何调用其它xap文件中的用户控件。

总结

本文其实非常的简单，写这篇文章缘于最近很多朋友都问到这一问题，所以在这里做一下说明，主要是利用了InitParameters属性并结合反射来实现用户控件的切换。希望对大家有所帮助。

示例代码下载：