Web控件

Web控件，即Web Browser控件，是Windows Phone 7提供的浏览器控件，使用Web控件用户可以显示互联网网页、静态网页内容以及动态生成的Web内容。显示互联网网页，典型的应用是在一个独立的页面中使 用Web控件，显示自定义的Web内容，并且控制Web控件之外的页面外观，从而获取与内置浏览器不同的用户体验。

• 显示静态信息，典型的应用时使用独立存储将Web页面存储在本地，然后使用Web控件读取并显示。
• 显示动态信息，典型的应用就是程序员使用代码动态生成html内容，并使用Web控件展示。

WebBrowser的一个重要属性就是Source，它的值数Uri类型，它用来获取或设置要在 WebBrowser 控件中显示的 HTML 内容的 URI 源。这个当然可以在后台代码中改变，另外，它的两个重要方法是

• Navigate， 加载位于指定 URI 中的 HTML 内容。
• NavigateToString，显示指定的 HTML 内容。
• WebBrowser.InvokeScript,执行在当前加载的 HTML 中定义的指定脚本。

做一个简单的例子来说明一下显示网页和动态加载网页

<phone:PhoneApplicationPage
x:Class="Controls.WebBrowser"
xmlns=""
xmlns:x=""
xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"
xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"
xmlns:d=""
xmlns:mc=""
FontFamily="{StaticResource PhoneFontFamilyNormal}"
FontSize="{StaticResource PhoneFontSizeNormal}"
Foreground="{StaticResource PhoneForegroundBrush}"
SupportedOrientations="Portrait" Orientation="Portrait"
mc:Ignorable="d" d:DesignHeight="768" d:DesignWidth="480"
shell:SystemTray.IsVisible="True">


<Grid x:Name="LayoutRoot" Background="Transparent">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
Grid.RowDefinitions>


<StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">
<TextBlock x:Name="ApplicationTitle" Text="我的应用程序" Style="{StaticResource PhoneTextNormalStyle}"/>
<TextBlock x:Name="PageTitle" Text="Web Browser" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>
StackPanel>


<Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
<phone:WebBrowser HorizontalAlignment="Left" Margin="0,136,0,0"
Name="myWebBrowser" VerticalAlignment="Top" Height="465"
Width="450" Source="" />
<Button Content="显示Mine" Height="72" HorizontalAlignment="Left"
Margin="269,40,0,0" Name="myButton" VerticalAlignment="Top" Width="160"
Click="myButton_Click"/>
Grid>
Grid>

phone:PhoneApplicationPage>

后台代码（实现切换）：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;
using Microsoft.Phone.Controls;
using System.Text;

namespace Controls
{
public partial class WebBrowser : PhoneApplicationPage
{
public WebBrowser()
{
InitializeComponent();
}

private void myButton_Click(object sender, RoutedEventArgs e)
{
if (this.myButton.Content.ToString() == "显示Mine")
{
this.myButton.Content = "返回";
StringBuilder html = new StringBuilder();
html.Append("test ");
this.myWebBrowser.NavigateToString(html.ToString ());
}
else if(this.myButton.Content.ToString ()=="返回")
{
this.myButton.Content = "显示Mine";
this.myWebBrowser.Source =new Uri("",UriKind.Absolute);
}
}
}
}

当然，点击按钮可以实现切换。如下：

但是有一点，