WebBrowser控件在Windows Phone程序開發(fā)中的應(yīng)用

【摘 要】無論是在桌面級開發(fā)中，還是在手機(jī)端開發(fā)中，WebBrowser都是一個經(jīng)常會用到的控件。Windows Phone中的WebBrowser雖然遠(yuǎn)遠(yuǎn)沒有桌面版那么強(qiáng)大，但依然足夠應(yīng)付常規(guī)用途。本文就來介紹幾則Windows Phone中的WebBrowser控件的使用技巧。

【關(guān)鍵詞】WebBrowser控件；Windows Phone程序

1.顯示HTML片段

WebBrowser的NavigateToString方法可以用來將一段HTML片段顯示在WebBrowser中。利用這個方法可以把WebBrowser當(dāng)作一個增強(qiáng)版的RichTextBox來使用，京東商城的Windows Phone客戶端在展示商品信息時就使用了這種技術(shù)。而且這種技術(shù)還有助于解決Windows Phone中TextBlock顯示長文本的一個bug，具體表現(xiàn)為當(dāng)文本過長時，TextBlock只顯示文本的前半段內(nèi)容，后半段內(nèi)容不予顯示，但卻留出了位置（滾動條還能到達(dá)，非常詭異），而WebBrowser在顯示長文本時就沒有這種困擾。

但NavigateToString并不是完美的，假若傳入的字符串中包含中文（或其他UTF-8字符）的話，就會顯示為亂碼。解決這個問題的方法之一是提前對字符串進(jìn)行轉(zhuǎn)碼，但這樣做的代價是需要遍歷所有字符，其實只要把需要顯示的HTML片段簡單構(gòu)造成HTML文件，存儲到獨立存儲中，然后再用WebBrowser以常規(guī)的方式打開即可解決這個問題。如下面的代碼所示：

C#代碼

using （IsolatedStorageFile file = IsolatedStorageFile.GetUserStoreForApplication（））

{

if （！file.DirectoryExists（\"temp\"））

file.CreateDirectory（\"temp\"）；|

using （IsolatedStorageFileStream fs = new IsolatedStorageFileStream（\"temp＼＼review.html\"， FileMode.Create， file））

{

string html = \"<！DOCTYPE html>\"；

html += e.Review.Summary；

html += \"\"；

byte[] bytes = Encoding.UTF8.GetBytes（html）；

fs.Write（bytes， 0， bytes.Length）；

}

}

this.wb.Navigate（new Uri（\"temp＼＼review.html\"， UriKind.Relative））；

2.禁止縮放

WebBrowser支持縮放，但有時我們并不需要縮放功能，譬如在用它來解決TextBlock的長文本bug時。

如果需要禁用一切手勢，可以將WebBrowser的IsHitTestVisible設(shè)置為False，但這樣做的后果是WebBrowser滑動顯示內(nèi)容的功能都會失去。但如果僅僅想要禁用縮放功能，可以在WebBrowser將要顯示的HTML的Head中加入這樣下面的腳本：

HTML代碼

值得注意是Windows Phone 7.5以下版本的IE不支持initial-scale、minimum-scale和maximum-scale，而在最新的Windows Phone Mango更新中，除了initial-scale之外的其余屬性都已經(jīng)可以很好的支持了。

3.接管橫向滑動

如果用WebBrowser來解決TextBlock的bug，那么還有一個問題需要注意，WebBrowser會接管橫向滑動手勢，用來移動頁面位置，也就是說，假如你把WebBrowser方知道Pivot或Panorama控件中時，就沒有辦法切換到其他Item了（除非從Header部分橫向滑動）。

不過一般在用WebBrowser代替TextBlock時，并需要它內(nèi)置的橫向滑動功能（通常會禁用縮放），所以我們可以想辦法偵測發(fā)生在WebBrowser上的橫向滑動手勢，并用來修改Pivot或Panorama的SelectedIndex。所幸的是，Silverlight Toolkit For Windows Phone中有一個組件可以幫我們輕松的完成這項工作。

首先在Xaml中添加GestureService.GestureListener：

XAML代碼：

在GestureService.GestureListener的Flick事件中修改Pivot或Panorama的SelectedIndex：

C#代碼

private void GestureListener_Flick（object sender， FlickGestureEventArgs e）

{

if （e.Direction.ToString（） == \"Horizontal\"）

{

this.p.SelectedIndex = 1；

}

}

除了Flick之外，GestureService還支持Tap、Double Tap、Touch and Hold、Pan、以及Pinch and Stretch多種手勢。