開發Metro版瀏覽器

作者: MYM]Brooks 來源: 博客園發布時間: 2012-03-24 14:35 閱讀: 6817 次推薦: 4 原文鏈接 [收藏]

Windows 8中的Metro程序是一種全屏應用程序，專門針對觸摸屏設備進行優化。Windows 8 Developer Preview中已經包含了一些Metro應用：

測試代碼下載

像微軟自己的一些程序，如IE、Windows Store等都有Metro版本，在即將發布的Windows 8消費者預覽版中，估計會有更多的Metro應用，到時Windows Store也會正式啟用。

在PowerShell 3.0中使用命令Get-AppxPackage –AllUsers可以查看當前安裝了哪些Metro應用：

可以看到，Metro程序安裝在C:\Program Files\Applications

該文件夾沒有權限，不能在資源管理器中查看，故使用PowerShell:

我也開始開發一些Metro程序，為公司產品的Metro版本試水。

這次我開發的是一個Metro版本的瀏覽器，類似于IE 10。

最終運行效果：

1、使用VS 11 Developer Preview創建一個Metro項目：

2、界面布局很簡單，第一行地址欄、工具按鈕等，下面是預覽窗口：

3、WinRT中沒有WebBrowser控件，取而代之的是WebView，MSDN上有關于此控件的大致介紹。

WebView有個Source屬性，可以設置為具體的URL，如http://www.bing.com，這樣WebView就會跳轉到指定URL。

4、WebView使用的是IE 10的內核，不支持任何插件（Flash、Silverlight），只能用HTML5。

要先設置下Internet屬性，允許跨域瀏覽，允許腳本等。

5、WebView有兩個方法比較常用

private void fn跳轉到指定Url(string v_Url)
{
    if (!v_Url.StartsWith("http://") && !v_Url.StartsWith("https://"))
    {
    v_Url = "http://" + v_Url;
    }

    if (this.fn是否是有效Url(v_Url))
    {
    this.wv.Navigate(new Uri(v_Url));
    }
    else
    {
    this.wv.NavigateToString(@"<html><h3>404</h3></html>");
    }
}