WebView控件

使用WebView控件可以在应用中添加一个简易的网页浏览器窗口，将指定地址的网页内容显示出来，并可以通过WebView控件所提供的方法、属性及事件，实现如页面导航、HTML文本解析等操作。

在XAML文件中，WebView控件的用法如下所示：

<WebView .../>

下面介绍一下WebView控件的几个常用属性：

  • Name属性，获取或设置WebView控件的名称。
  • Source属性，获取或设置在WebView控件中打开的URI地址。

介绍完常用属性后，接着来看一下WebView控件的常用方法：

  • NavigateToString方法，显示指定的HTML字符串内容。
  • Navigate方法，显示指定URI地址的网页内容。

下面首先通过一个简单的示例来介绍如何使用WebView控件解析一段HTML文本并显示。

（1）HTML文本解析

新建一个名为"ShowHtmlDemo"的Windows应用商店的空白应用程序项目，在MainPage.xaml文件的Grid元素中使用如下代码添加一个WebView控件。

<WebView Name="ShowHtml" HorizontalAlignment="Left" Height="100" Width="200" Margin="348,134,0,0" VerticalAlignment="Top"/>

代码中添加了一个WebView控件并设置其Name属性值为ShowHtml，Height属性和Width属性的值为100，HorizontalAlignment属性的值为Left，VerticalAlignment属性的值为Top。

打开MainPage.xaml.cs文件在OnNavigatedTo方法中，定义一个HTML字符串，接着使用此字符串作为参数，调用WebView控件实例ShowHtml的NavigateToString方法，代码如下所示：

protected override void OnNavigatedTo(NavigationEventArgs e)

{

string htmlString = "<html><head></head><body><h4>WebView控件文本解析</h4><div style='font-family:FangSong'>使用WebView控件解析HTML文本</div></body></html>";

ShowHtml.NavigateToString(htmlString);

}

上面的代码定义了一个string类型的变量htmlString，用于存储一段HTML文本，然后以变量htmlString作为参数调用ShowHtml的NavigateToString方法，将HTML文本解析并显示在界面的WebView控件中。

运行程序，在界面的WebView控件中将显示解析完成的网页内容，效果如图4-29所示。

除了为WebView控件提供需要解析并显示的HTML文本外，还可以直接为WebView控件提供一个网络URI地址，通过对网络URI地址的访问获取需要显示的HTML文本信息，接下来通过一个简单示例演示这一过程。

（2）网页浏览

新建一个名为"ShowWebDemo"的Windows应用商店的空白应用程序项目，在MainPage.xaml文件中添加一个WebView控件，代码如下所示：

<WebView Name="ShowWeb" HorizontalAlignment="Left" Height="120" Width="320" Margin="348,134,0,0" VerticalAlignment="Top"/>

上面的代码设置了WebView控件的Name属性值为ShowWeb，Height属性的值为120，Width属性的值为320，HorizontalAlignment属性的值为Left，VerticalAlignment属性的值为Top。

在MainPage.xaml.cs文件的OnNavigatedTo方法中，定义一个Uri地址，并使用此Uri地址作为参数，调用WebView控件所提供的Navigate方法将地址页面显示出来，代码如下所示：

protected override void OnNavigatedTo(NavigationEventArgs e)

{

Uri targetUri = new Uri("http://www.microsoft.com");

ShowWeb.Navigate(targetUri);

}

上面的代码定义了一个Uri类的对象targetUri并实例化此对象为http://www.microsoft.com，然后把targetUri对象作为ShowWeb.Navigate方法的参数，将地址内容显示在WebView控件中。

运行程序，在界面上的WebView控件中将显示微软官方网站的主页面，如图4-30所示

图4-29 使用WebView控件显示HTML字符串 图4-30 使用WebView控件显示网页内容

Win10系列：C#应用控件基础18的更多相关文章

  1. Win10系列：JavaScript 控件的使用

    向页面中添加的控件可分为两种类型:标准的HTML控件和WinJS库控件.其中标准的HTML控件是指HTML标准中定义的基本控件,如按钮和复选框:WinJS库控件是为开发基于JavaScript 的Wi ...

  2. WPF从我炫系列4---装饰控件的用法

    这一节的讲解中,我将为大家介绍WPF装饰控件的用法,主要为大家讲解一下几个控件的用法. ScrollViewer滚动条控件 Border边框控件 ViewBox自由缩放控件 1. ScrollView ...

  3. WPF 模仿 UltraEdit 文件查看器系列一 用户控件

    WPF 模仿 UltraEdit 文件查看器系列一 用户控件 运行环境:Win10 x64, NetFrameWork 4.8, 作者:乌龙哈里,日期:2019-05-10 章节: 起步 添加用户控件 ...

  4. C#控件系列--文本类控件

    C#控件系列--文本类控件         文本类控件主要包含Label.LinkLabel.Button.TextBox以及RichTextBox. Label 功能         Label用来 ...

  5. 重新想象 Windows 8 Store Apps (17) - 控件基础: Measure, Arrange, GeneralTransform, VisualTree

    原文:重新想象 Windows 8 Store Apps (17) - 控件基础: Measure, Arrange, GeneralTransform, VisualTree [源码下载] 重新想象 ...

  6. 重新想象 Windows 8 Store Apps (16) - 控件基础: 依赖属性, 附加属性, 控件的继承关系, 路由事件和命中测试

    原文:重新想象 Windows 8 Store Apps (16) - 控件基础: 依赖属性, 附加属性, 控件的继承关系, 路由事件和命中测试 [源码下载] 重新想象 Windows 8 Store ...

  7. WPF编游戏系列 之四 用户控件

    原文:WPF编游戏系列 之四 用户控件        在上一篇<WPF编游戏系列 之三 物品清单>中,对物品清单进行了演示,其中反复用到了同一组控件(如下图),而且 颜昌钢也指出在3.2. ...

  8. Delphi XE2 之 FireMonkey 入门(44) - 控件基础: TTreeView、TTreeViewItem

    Delphi XE2 之 FireMonkey 入门(44) - 控件基础: TTreeView.TTreeViewItem TScrollBox -> TCustomTreeView -> ...

  9. Delphi XE2 之 FireMonkey 入门(43) - 控件基础: TStringGrid、TGrid

    Delphi XE2 之 FireMonkey 入门(43) - 控件基础: TStringGrid.TGrid TStringGrid.TGrid 都是从 TCustomGrid 继承; 区别有:1 ...

随机推荐

  1. AppFabric查询工作流实例

    安装 通过IIS查询工作流实例,可以操作挂起,首先打开WF+WCF的站点: 这里可以搜索工作流实例:例如根据工作流ID.创建日期.状态等查询 下方的搜索结果可以查看结果 资源 Windows Serv ...

  2. 斐讯面试记录—TCP滑动窗口及拥塞控制

    TCP协议作为一个可靠的面向流的传输协议,其可靠性是由流量控制和滑动窗口协议保证,而拥塞控制则由控制窗口结合一系列的控制算法实现. 一.滑动窗口协议 1. “窗口”对应的是一段可以被发送者发送的字节序 ...

  3. 【转】AI类人工智能产品经理的丛林法则

    本文转载自:https://blog.csdn.net/buptgshengod/article/details/77030338 AI是大家都很关注的领域,然而对于大部分想要入行的同学来讲,AI的算 ...

  4. js不需要知道图片宽高的懒加载方法（经过实际测试，不加宽高仍然是无法正常加载的，设置height:auto,height:100%，仍然显示高度为0）

    js不需要知道图片宽高的懒加载方法 懒加载是如何实现的? - 简书https://www.jianshu.com/p/e86c61468285找到一个不需要知道图片宽高的懒加载方法了(经过实际测试,不 ...

  5. QtQuick多页面切换、多页面切换动画、多个qml文件数据交互

    一.QtQuick多页面切换方法 (1)“隐藏法” 前一个视图visible设为false或者透明度opacity设为0,相当于“隐藏”了,实际还存在: 要显示的视图visible设为true或者透明 ...

  6. <转>jmeter（十八）关联之XPath Extractor

    本博客转载自:http://www.cnblogs.com/imyalost/category/846346.html 个人感觉不错,对jmeter讲解非常详细,担心以后找不到了,所以转发出来,留着慢 ...

  7. Node.js基础学习一之Get请求

    本人从事的是前端开发,这段时间公司开发项目比较少所以就想着学点东西,然后就想到了Node.js ,跟着菜鸟教程学了点,不过我觉得最好的学习方法是带着需求来学习. 其实和服务端打交道无非就是能有一个可以 ...

  8. 输出UTF-8-BOM格式的文件

    File localDir = new File(localPath); if(!localDir.exists()){ localDir.mkdirs(); } File file = new Fi ...

  9. 2015全国大学生数学建模B题浅谈

    题目请自主上网获取. 分析下思路.第一问,不同时空的出租车的“供求匹配”程度. 也就是说要选取的数据要有时间和地理两个维度.实体对象是出租车.关键的问题就是地点怎么选? 选择的城市具备如下经济较发达, ...

  10. P2053 [SCOI2007]修车（费用流）

    P2053 [SCOI2007]修车 顾客平均等待的最小时间$=$等待总时间$/n$ 考虑只有1个技术人员时,$n$辆车等待总时间 $A_1+(A_1+A_2)+(A_1+A_2+A_3)+...+\ ...