Silverlight与浏览器通信技术总结3：应用实例演示
前两节简要介绍了Silverlight和浏览器的交互技术，本节将例举一些这方面的实际应用。
1 访问Query String
Http Get协议中URL可以利用Query String传递参数给Web服务器。从Silverlight也可以访问Query String，例如：
private void UserControl_Loaded(object sender, System.Windows.RoutedEventArgs e)
{
string name = HtmlPage.Document.QueryString["name"];
if (String.IsNullOrEmpty(name))
{
txtHello.Text = "Hello, Happy User!";
}
else
{
txtHello.Text = String.Format("Hello, {0}!", name);
}
}
在上面代码中,Silverlight读取URL的Query String中name参数，并显示在text block中。
在Silverlight读取URL的Query String有什么实际用处呢？举个简单例子，某个web页面包含了很多silverlight游戏，需要通过URL的Query String来指定显示哪个游戏。在silverlight主程序中，读取URL的Query String，根据Query String来调用指定的游戏。除了Query String，当然也可以用其他方法实现，例如通过Silverlight object参数传递。这里只是给出一个思路，其实质就是把浏览器信息传递给Silverlight程序，具体如何应用就看实际需要了。
2 访问Cookie
大家知道，http协议本身是无状态的，Cookie是用来保存浏览器状态的技术之一。访问操作Cookie不但可以让Silverlight与浏览器共享状态信息，Silverlight也可以用Cookie来存取本身的状态信息。例如，Cookie可用来进行验证，保存shopping cart等。
Silverlight操作Cookie没有ASP.NET那么简单，但也不是很复杂，可以用HtmlPage.Document.Cookies对象。注意HtmlPage.Document.Cookies对象并不是一个集合，而是一个字符串。在该Cookie字符串中，每个变量由‘;’分隔。所以需要把该Cookie字符串分割到一个字符串数组中。
string[] cookies = HtmlPage.Document.Cookies.Split(';');
HtmlDocument类的Cookies属性是只读的，因此无法直接通过该属性来设置Cookie。同时HtmlDocument类也没有提供一个属性来设置Cookie，我们需要调用SetProperty方法操作HTML文档的属性来写Cookies。例如：
public void SetCookie(string key, string value)
{
DateTime expireDate = DateTime.Now.Add(TimeSpan.FromMinutes(15));
string newCookie = String.Format("{0}={1};expires={2}", key, value, expireDate.ToString("R"));
HtmlPage.Document.SetProperty("cookie", newCookie);
}
注意Cookie的格式，必须是：Key=Value;expires=ExpirationDate。ExpirationDate的格式：Thu, 17 Aug 2000 23:32:32 GMT。如果不设置ExpirationDate，Cookie在浏览器关闭后将不再存在。
笔者认为，Cookie对于Silverlight来说，主要是提供了一个浏览器与内嵌的Silverlight程序之间状态信息共享的机制，而且是轻量级的，即一般适用于少量文本存储。如果仅是Silverlight本身的状态保存，isolated storage是更佳选择，缺省时可以存1MB，经用户确认后可以存更多。
3 访问浏览器信息
在Silverligh中可以通过JavaScript很方便的访问浏览器信息，不过Silverlight提供了更容易的方式：使用BrowserInformation类。你可以访问HtmlPage静态类的BrowserInformation属性来获得BrowserInformation类的实例。下面是该类的一些属性：
BrowserVersion – 得到浏览器版本号。
CookiesEnabled – 检查Cookie是否使能（Enabled）。
Name – 得到浏览器名字。
Platform – 得到操作系统名字。
UserAgent – 得到浏览器user agent字符串。
CookiesEnabled – 检查Cookie是否使能（Enabled）。
Name – 得到浏览器名字。
Platform – 得到操作系统名字。
UserAgent – 得到浏览器user agent字符串。
public void GetBrowserInformation()
{
StringBuilder sb = new StringBuilder();
BrowserInformation bi = HtmlPage.BrowserInformation;
sb.AppendFormat("Name: {0}\n", bi.Name);
sb.AppendFormat("Version: {0}\n", bi.BrowserVersion);
sb.AppendFormat("Platform: {0}\n", bi.Platform);
sb.AppendFormat("UserAgent: {0}\n", bi.UserAgent);
sb.AppendFormat("Cookies Enabled?: {0}\n", bi.CookiesEnabled);
HtmlPage.Window.Alert(sb.ToString());
}
在Silverlight实际应用中，可以把获得的浏览器信息通过web service上传给服务器，在服务器端保存到数据库中，用于以后的用户信息统计。当然也可以直接使用ASP.NET来实现浏览器信息获取和存储。用Silverlight实现的好处是分离Silverlight和容器网页的耦合，从而便于移植到其他网页中去。
4 在Silverlight应用程序中改变Silverlight对象在浏览器页面中的尺寸
我们来考虑这样一个Silverlight应用：Silverlight object尺寸的大小需要根据Silverlight程序的设置而变化。实际应用中由一个Silverlight主程序来控制很多小游戏，每个游戏的窗口尺寸可能各不相同，需要我们在Silverlight主程序中来指定。
这个应用实现起来很简单，需要用到上一节的Silverlight调用JavaScript的技术。
Silverlight代码如下：
private void ResizeSilverlightOnject( double height )
{
HtmlPage.Window.Invoke( "ResizeObject", new object[] { height } );
}
JavaScript代码如下：
function ResizeObject( height )
{
var host = document.getElementById( "silverlightControlHost" );
host.style.height = height + "px";
}
代码中只显示了高度的设置，宽度的设置完全相同，就不重复了。
5 Silverlight探测浏览器窗口尺寸的改变
Silverlight窗口尺寸大小的设置看似很简单，其实涉及的问题很多。笔者前面曾经讨论过合理的Silverlight窗口尺寸大小问题，实际上很难有一个统一的标准和方案。我们是否可以考虑，根据浏览器窗口的大小，来决定Silverlight窗口尺寸大小。在分辨率较高的显示器上，Silverlight窗口比较大，在分辨率较低的显示器上，Silverlight窗口比较小。这样一来，可以充分利用不同显示器的显示空间。同时如果用户改变浏览器窗口尺寸，Silverlight可以探测到这个变化，相应的改变自己的窗口尺寸。简单的说，就是实现Silverlight窗口尺寸根据浏览器窗口尺寸自适应变化。
这个应用实现的关键技术是Application.Current.Host.Content.Resized事件的处理。当浏览器窗口尺寸变化时，该事件被触发，我们可以在Silverlight中注册函数来处理该事件，从而实现Silverlight窗口尺寸的变化。代码如下：
Application.Current.Host.Content.Resized += new EventHandler(Content_Resized);
void Content_Resized(object sender, EventArgs e)
{
double browserHeight = Application.Current.Host.Content.ActualHeight;
double browserWidth = Application.Current.Host.Content.ActualWidth;
int x = 0;
int y = 0;
int width = 0;
int height = 0;
// Make the game window in the centre of root window when root window is larger than the max size of game window.
if (browserWidth > this.MaxWidth)
{
width = Convert.ToInt32(this.MaxWidth);
x = Convert.ToInt32((browserWidth - this.MaxWidth) / 2);
}
else if (browserWidth < this.MinWidth)
{
width = Convert.ToInt32(this.MinWidth);
}
else
width = Convert.ToInt32(browserWidth);
if (browserHeight > this.MaxHeight)
{
height = Convert.ToInt32(this.MaxHeight);
y = Convert.ToInt32((browserHeight - this.MaxHeight) / 2);
}
else if (browserHeight < this.MinHeight)
{
height = Convert.ToInt32(MinHeight);
}
else
height = Convert.ToInt32(browserHeight);
// adjust window location if changed
this.WindowCoordinate = new Point(x, y);
// adjust game window size and clip size if changed
if (double.IsNaN(this.Width) || double.IsNaN(this.Height) || Math.Abs(width - this.Width) > 0.01 || Math.Abs(height - this.Height) > 0.01)
{
this.Width = width;
this.Height = height;
((RectangleGeometry)this.Clip).Rect = new Rect(0, 0, this.Width, this.Height);
}
}
上面这段代码是从笔者正在开发的MMORPG游戏项目中截取出来的，比较啰嗦一点。由于开发还没有完成，这部分的代码就暂不提供下载了，可以看在线演示：http://rpg.yingyuantown.com
