[Windows Phone] 網頁瀏覽控制項(WebBrowser)

本文章示範如何在 Windows Phone 應用程式中使用 WebBrowser 控制項,並運用 Navigate 和 WebBrowserTask 方法來指定網頁並瀏覽網頁。

前言

本文章示範如何在 Windows Phone 應用程式中使用 WebBrowser 控制項,並運用 Navigate 和 WebBrowserTask 方法來指定網頁並瀏覽網頁。

 

實作

step1 建立專案

 

step2 畫面設計

Button 控制項:Name = btn1, Content = UU的部落格

Button 控制項:Name = btn2, Cintent = Google

WebBrowser 控制項:Name = wb

        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
            <phone:WebBrowser x:Name="wb" HorizontalAlignment="Left" Margin="10,132,0,0" VerticalAlignment="Top" Height="465" Width="446"/>
            <Button x:Name="btn1" Content="UU學習部落格" HorizontalAlignment="Left" Margin="25,10,0,0" VerticalAlignment="Top" Click="btn1_Click"/>
            <Button x:Name="btn2" Content="Google" HorizontalAlignment="Left" Margin="249,10,0,0" VerticalAlignment="Top" Click="btn2_Click"/>           
        </Grid>

step3 btn1_Click 事件:

        private void btn1_Click(object sender, RoutedEventArgs e)
        {
            
            wb.Navigate (new Uri("http://www.dotblogs.com.tw/uvia820701/", UriKind.Absolute));
        }

step4 btn2_Click 事件:

        private void btn2_Click(object sender, RoutedEventArgs e)
        {
            WebBrowserTask wbTask = new WebBrowserTask();
            wbTask.Uri = new Uri("https://www.google.com.tw/", UriKind.Absolute);
            wbTask.Show();
        }

結果

當你按 [UU的部落格] 按鈕時,WebBrowsew 控制項會出現部落格的網站,按 [Google] 按鈕時,會跳出 Google 的網頁。

       

 

附註

由於使用到網路和 WebBrower 控制項,因此請參考下圖開啟功能。

 

範例檔

WebBrowser.rar

 

相關參考與連結

WebBrowser control for Windows Phone