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

image

微软于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:

        < Grid x:Name = " LayoutRoot " Background = " White " >
                < Grid.RowDefinitions >
                        < RowDefinition Height = " 35 " / >
                        < RowDefinition Height = " 40 " / >
                        < RowDefinition Height = " * " / >
                < /Grid.RowDefinitions >
                < Grid.ColumnDefinitions >
                        < ColumnDefinition Width = " * " / >
                < /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#:

                public   WebBrowserSample ( )
                {
                        InitializeComponent ( ) ;
                        this . Loaded   + =   new   RoutedEventHandler ( WebBrowserSample_Loaded ) ;
                }

                void   WebBrowserSample_Loaded ( object   sender,   RoutedEventArgs   e )
                {
                        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                 }

运行结果如图所示。

image

运行后你可以发现HTML代码没有出现在WebBrowser控件之中,并且显示image,这是提示用户这个Silverlight应用程序的HTML部分不可见,这是因为Silverlight客户端应用程序的安全性关系,让WebBrowser能正常运行必须基于Silverlight的OutofBrowser(脱离浏览器Silverlight应用程序),所以我们要把这个Silverlight应用程序配置为支持OutofBrowser的Silverlight项目image ,在应用程序上通过右键将这个应用程序安装到用户计算机后,在桌面上运行这个应用程序,这时正确的结果就显示出来了,如图所示。

image

          在Silverlight中用WebBrowser显示HTML代码

image

              在Silverlight中用WebBrowser显示一个网页

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

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

你可能感兴趣的:(silverlight)