Silverlight实用窍门系列：33.OOB模式下WebBrowser的简单应用--模拟浏览器和百度地图【附带源码实例】

概述Silverlight的OOB模式(out-of-browser)下可以提升用户 *** 作权限，访问系统API、将Silverlight程序安装在本地计算机上面而不必再浏览器中运行，在本节将讲诉一个只能应用于OOB模式下的WebBrowser控件的简单应用。         首先创建一个新的Silverlight应用程序名为SLBrowser并且设置其运行在OOB模式下，鼠标右键点击SLBrowser项

Silverlight的OOB模式(out-of-browser)下可以提升用户 *** 作权限，访问系统API、将Silverlight程序安装在本地计算机上面而不必再浏览器中运行，在本节将讲诉一个只能应用于OOB模式下的Webbrowser控件的简单应用。

        首先创建一个新的Silverlight应用程序名为SLbrowser并且设置其运行在OOB模式下，鼠标右键点击SLbrowser项目，选择“属性”。在属性页的“Silverlight”栏下面我们在“允许在浏览器外运行应用程序”打钩。

        然后点击“浏览器外设置”按钮，设置窗口的样式，另外在最下面有一个“在浏览器外运行时需要提升的信任”按钮就是提升用户 *** 作权限的。

        我们准备两个按钮“百度地图”、“浏览”，分别模拟一下两个功能：

             •点击“百度地图”按钮的时候直接加载本地的HTML文件访问百度地图

             •点击“浏览”按钮的时候就将模拟一个浏览器，进入浏览器页面

        下面我们来看Xaml代码：

                       <        GrID x:name        =        "        LayoutRoot        "         Background        =        White        "        >        
        <        TextBlock Height        =        23        "         HorizontalAlignment        =        left        "         margin        =        29,12,0        "         name        =        textBlock1        "         Text        =        查询地址：        "         VerticalAlignment        =        top        "                 />        
        <        TextBox Height        =        Right        0,8,207,0); line-height:1.5!important">textBox1        "         WIDth        =        703        "                 />        
        <        button Content        =        百度地图        "         Height        =        804,0); line-height:1.5!important">button1        78        "         Click        =        button1_Click        "                 />        
        <        Webbrowser Height        =        638        21,41,0); line-height:1.5!important">webbrowser1        953        浏 览        button2        77        button2_Click_1        "                 />        
        </        GrID        >      

        下面我们来看CS代码如下（注意：Webbrowser控件的InvokeScript可以调用载入的HTML文件中的JavaScript函数）：

public partial class MainPage : UserControl
{
public MainPage()
{
InitializeComponent();
// webbrowser1加载本地的baIDuMap.HTML页面
this .webbrowser1.Navigate( new Uri(Application.Current.Host.source, baIDuMap.HTML " ))
}

private voID button1_Click( object sender,RoutedEventArgs e)
{
调用加载的百度地图baIDuMap.HTML内的BaIDuSearch函数，并且传入值 this .webbrowser1.InvokeScript( BaIDuSearch " , this .textBox1.Text);
}
voID button2_Click_1( try
{
获取Uri地址，并且让webbrowser1载入该地址 string url = this .textBox1.Text.Trim().Replace( http:// "" );
new Uri( " + url,UriKind.relativeOrabsolute));
当访问了网页之后设置隐藏百度地图搜索按钮 this .button1.Visibility = Visibility.Collapsed;
textBox1.margin = new Thickness( 0 ,128); line-height:1.5!important">8 ,128); line-height:1.5!important">118 ,128); line-height:1.5!important">0 );
textBox1.WIDth = 792 ;

}
catch (Exception ex)
{
MessageBox.Show( 请输入一个有效的网址 " );
}
}
}

        准备一个BaIDuMap.HTML以供Webbrowser控件调用链接到百度地图（注意这个文件请放到SLbrowser.Web项目下的ClIEntBin文件夹下面），代码如下：

<! DOCTYPE HTML PUBliC -//W3C//DTD xhtml 1.0 Transitional//EN " http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd " >
< HTML xmlns = http://www.w3.org/1999/xhtml " >
< head >
< Meta http - equiv = Content-Type " content = text/HTML; charset=gb2312 " />
< Title > 百度地图实例 </ Title >
< script type = text/JavaScript " src = http://API.map.baIDu.com/API?key=d3501091615b31a7a3af15a29e6d7363&v=1.0&services=true " ></ script >
</ head >
< body style = Font-size: 12px; " >
< form ID = form1 " name = " method = post " action = "" >
< div style = wIDth: 100%; height: 600px; border: 1px solID gray; " ID = container " >
</ div >
< script type = " >
var map = new BMap.Map( " );
var point = new BMap.Point( 116.404 ,128); line-height:1.5!important">39.915 ); 地图坐标
var keyWord = 北京 " ;
map.centerandZoom(point,128); line-height:1.5!important">13 ); 深度
map.enableScrollWheelZoom(); 通过鼠标中间可放大缩小
增加放大缩小控件
map.addControl( new BMap.NavigationControl({ type: BMAP_NAVIGATION_CONTRol_SMALL }));
声明一个搜索对象
var local = new BMap.LocalSearch(map,{
renderOptions: { map: map }
});
封装一个搜索函数供Silverlight调用
function BaIDuSearch(keyWord) {
local.search(keyWord);
}

</ script >
</ form >
</ body >
</ HTML >

        本源码使用VS2010+Silverlight 4.0编写，如需源码请点击SLBrowser.zip 下载。下面是加载百度地图和浏览器的效果图。

分类:  Silverlight实用窍门序列 总结

以上是内存溢出为你收集整理的Silverlight实用窍门系列：33.OOB模式下WebBrowser的简单应用--模拟浏览器和百度地图【附带源码实例】全部内容，希望文章能够帮你解决Silverlight实用窍门系列：33.OOB模式下WebBrowser的简单应用--模拟浏览器和百度地图【附带源码实例】所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。