风云的银光志Silverlight4.0教程之WebBrowser控件Silverlight内置HTML浏览器控件

微软于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保护。

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

Webbrowser是Silverlight4版本中加入的一个运行在Silverlight应用程序内部的浏览器控件，这是一个非常有用的控件，当我们Silverlight应用程序需要在某个位置显示一些HTML内容或是一个网址网页的时候，Webbrowser就派上用场了。

通过在Silverlight应用程序嵌入Webbrowser控件的方法可以弥补Silverlight应用程序不能显示HTML网页的不足，下面我们来通过一个Silverlight版本的“浏览器”来介绍如何在Silverlight4应用程序使用Webbrowser控件，这个示例分别介绍了如何使用Webbrowser来显示一段固定的HTML代码和一个URL网页。

首先完成浏览器的XAML布局。

XAML：

1      <Grid x:Name="LayoutRoot" Background="White">
2          <Grid.RowDeFinitions>
3              <RowDeFinition Height="35"/>
4              <RowDeFinition Height="40"/>
5              <RowDeFinition Height="*"/>
6          </Grid.RowDeFinitions>
7          <Grid.ColumnDeFinitions>
8              <ColumnDeFinition Width="*"/>
9          </Grid.ColumnDeFinitions>
10         <Grid Grid.Row="1" Grid.Column="0">
11             <Grid.RowDeFinitions>
12                 <RowDeFinition Height="35"/>
13             </Grid.RowDeFinitions>
14             <Grid.ColumnDeFinitions>
15                 <ColumnDeFinition Width="80"/>
16                 <ColumnDeFinition Width="*"/>
17                 <ColumnDeFinition Width="60"/>
18             </Grid.ColumnDeFinitions>
19             <!--浏览器功能栏-->
20             <TextBlock Height="20" FontWeight="Bold" Text="输入URL"/>
21             <TextBox Grid.Row="0" Grid.Column="1" 
22                     x:Name="tbUrl" Height="25" FontSize="14"/>
23             <Button x:Name="btnGo" Click="btnGo_Click" 
24                 Content="GO" FontWeight="Bold" Grid.Row="0" Grid.Column="2"
25                 Width="50" Height="30"/>
26         </Grid>
27         <!--浏览器标题-->
28         <Border Background="Yellow" 
29             Grid.Row="0" Grid.Column="0" >
30             <TextBlock Grid.Row="0" Grid.Column="0" 
31                 Width="300" Height="25" FontWeight="Bold" 
32                 FontSize="16"
33                 Text="欢迎使用Silverlight浏览器 V1.0"/>
34         </Border>
35         <!--Webbrowser控件-->
36         <Webbrowser x:Name="wb1" Grid.Row="2" Grid.Column="0"/>
37     </Grid>

C#：

1          public WebbrowserSample()
2          {
3              InitializeComponent();
4              this.Loaded += new RoutedEventHandler(WebbrowserSample_Loaded);
5          }
6 
7          void WebbrowserSample_Loaded(object sender,RoutedEventArgs e)
8          {
9              SetHTML();
10         }
11
12         private void SetHTML()
13         {
14             System.Text.StringBuilder sb = new System.Text.StringBuilder(@"
15             <a href=http://blog.csdn.net/dotfun target=_blank>
16             大家好，这是一段HTML代码，欢迎访问我的博客</a><h1>这是Silverlight4
17             的Webbrowser控件显示的HTML代码！</h1>");
18             //Webbrowser控件应用HTML代码
19             wb1.NavigatetoString(sb.ToString());
20         }
21
22         private void btnGo_Click(object sender,RoutedEventArgs e)
23         {
24             if (tbUrl.Text.Trim() != string.Empty)
25             {
26                 //使用Webbrowser控件打开一个URL
27                 wb1.Navigate(new Uri(tbUrl.Text.Trim(),UriKind.RelativeOrAbsolute));
28             }
29             else
30             {
31                 MessageBox.Show("请先输入URL！");
32             }
33         }

运行结果如图所示。

 

运行后你可以发现HTML代码没有出现在Webbrowser控件之中，并且显示

，这是提示用户这个Silverlight应用程序的HTML部分不可见，这是因为Silverlight客户端应用程序的安全性关系，让Webbrowser能正常运行必须基于Silverlight的Outofbrowser（脱离浏览器Silverlight应用程序），所以我们要把这个Silverlight应用程序配置为支持Outofbrowser的Silverlight项目

，在应用程序上通过右键将这个应用程序安装到用户计算机后，在桌面上运行这个应用程序，这时正确的结果就显示出来了，如图所示。

在Silverlight中用Webbrowser显示一个网页

Webbrowser控件包含两个重要方法，分别为NavigatetoString和Navigate，它们分别是显示一段HTML在Webbrowser中和显示一个网页在Webbrowser之中。

使用Webbrowser控件需要了解两点重要因素，一是Webbrowser必须运行在Outofbrowser模式之中，二是Webbrowser只能通过Width和Height属性呈现一个矩形外观。