风云的银光志Silverlight4.0教程之与学会使用Frame控件

时间:2022-08-31 20:35:28

风云的银光志Silverlight4.0教程之与学会使用Frame控件

微软于PDC2009上发布Silverlight 4 Beta版,微软在Silverlight 4版本中处理了约8000个的Silverlight终端用户的请求,加入了一系列另开发人员兴奋的新特性,最突出的主要体现在几个方面:

开发工具增强:Visual Studio 2010具有可视化的设计工具,创建项目时可以选择运行时版本是3.0还是4.0,BLEND4加入XAML和C#代码全方位智能感知功能、XAML的样式应用更为易用等。

摄像头与MIC硬件支持:可以用极少量的代码实现启用用户本机的WebCam和Mic,并可进行本地录制。

报表打印支持:报表打印问题在Silverlight4中得到的较好的解决。

更强大的基础类控件(RichTextBox、DataGrid增强版):富文本控件RichTextBox和具有可粘贴、排序功能的DataGrid被加入。

WCF增强:终于支持TCP通讯,比较HTTP提升3-5倍,限于4502-4534端口。

兼容性增强:对Google的Chrome浏览器的支持。

MEF支持:MEF全称为Managed Extensibility Framework,译为“托管扩展框架”,支持创建大型复杂的应用程序。

运行速度提升:启动速度和渲染速度较前个版本提升约2倍左右。

DRM增强:支持PlayReady,可以对视频和音频的播放进行的保护,补充了对H.264的DRM保护。

其它增强:本地文件读写、鼠标右键事件支持、剪粘板支持。

 

     很多朋友在开发Silverlight大型应用程序时遇到一个比较特殊的情况,由于Silverlight是宿主在HTML里以插件方式运行的,所以常见的程序入口就一个网址,例如:http://www.abc.com/mysilverlight.aspx 之类的,当Silverlight应用程序在用户使用过程中不小心刷新了浏览器,比如错按了F5键、点了浏览器的刷新按钮、用户使用程序过程中无响应此类的情况。

下面我们一起学习使用Silverlight4中的Frame控件,打造一个本系列教程的“网站主页”。

XAML:

    <Grid x:Name="LayoutRoot">
<Grid.RowDefinitions>
<RowDefinition Height="75"/>
<RowDefinition/>
Grid.RowDefinitions>
<StackPanel Grid.Row="0" Background="DarkBlue">
<TextBlock FontSize="24" Margin="5" Foreground="White">Silverlight 4 GetStart TextBlock>
<TextBlock FontSize="14" Margin="5" Foreground="White">银?光a开a发ぁ?者? http://www.Silverlighter.net TextBlock>
StackPanel>
<Grid Grid.Row="1">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="180"/>
<ColumnDefinition/>
Grid.ColumnDefinitions>

<ListBox Grid.Column="0" x:Name="Controls" SelectionChanged="Controls_SelectionChanged">
<sys:String>VideoAndAudio sys:String>
<sys:String>RichTextBoxSample sys:String>
<sys:String>MouseWheelSample sys:String>
<sys:String>WebBrowserSample sys:String>
<sys:String>PrintSample sys:String>
<sys:String>ClipboardSample sys:String>
<sys:String>CompositeTransformSample sys:String>
<sys:String>FileSysSample sys:String>
ListBox>
<StackPanel x:Name="Content" Margin="10" Grid.Column="1">
<sdk:Frame Name="frame1"/>
StackPanel>
Grid>
Grid>

C#:

        void FrameSample_Loaded(object sender, RoutedEventArgs e)
{
Controls.SelectedIndex = 0;
}

private void Controls_SelectionChanged(object sender, SelectionChangedEventArgs e)
{
ListBox box = sender as ListBox;
//注意前面要加上程序集名称SL4Sample;component
string nav = "/SL4Sample;component/" + box.SelectedItem.ToString() + ".xaml";
//下面一行代码就实现了动态修改URL
frame1.Source = new Uri(nav, UriKind.Relative);
/*
* 下面是使用反射方式创建UserControl
* 作用和使用frame控件一样,但是不支持动态URL
* Type controlType = Type.GetType("SL4Sample." + box.SelectedItem.ToString());
* object control = Activator.CreateInstance(controlType);
* if (this.Content.Children.Count > 0)
* this.Content.Children.Clear();
* this.Content.Children.Add(control as UserControl);
*/

}

运行结果:

图1:

风云的银光志Silverlight4.0教程之与学会使用Frame控件

URL:http://localhost:3996/SL4Sample.Web/SL4SampleTestPage.html#/SL4Sample;component/CompositeTransformSample.xaml

图2:

风云的银光志Silverlight4.0教程之与学会使用Frame控件

图3:

风云的银光志Silverlight4.0教程之与学会使用Frame控件

http://localhost:3996/SL4Sample.Web/SL4SampleTestPage.html#/SL4Sample;component/CompositeTransformSample.xaml,其中URL后面部分的#/SL4Sample;component/CompositeTransformSample.xaml就是动态的Silverlight页面的URL。

如果你开发的是一个Silverlight整站网站应用程序,如果用户误操作刷新了浏览器,整个网站也会回到首页XAML界面,而不是像一般的HTML网站只是刷新当前页面。这个特殊情况在Silverlight4中,你可以使用Frame控件来轻松应对,因为这个控件可以使URL地址产生完整的XAML的URL,这样即使用户刷新了浏览器,Silverlight程序还会保持当前的程序界面,就像HTML网站一样。

 

希望对大家有用~