WPF混合开发:WebView2(二) WebView2的使用
引言
工程建立及WebView2包安装
建立WPF工程
建立WPF工程步骤很简单,在此不再截图,直接上步骤:
- 打开Visual Stido 2022(博主使用的是vs 2022,其他版本也可)
- 选择创建新项目
- 在项目模板处选择WPF应用程序
- 输入项目名称
- 选择项目框架
- 创建完成
选择版本时需要注意,vs 2022中有两种WPF工程模板:WPF应用程序和WPF应用,其中WPF应用程序是使用.net core/.net 6框架的,WPF应用使用.Net Framework框架,大家根据自己的需求创建即可
安装WebView2 Nuget包
-
打开Nuget包管理器:
选中项目->右键->选择“管理NuGet程序包”
。 -
在浏览选项卡中搜索WebView2包,选择Microsoft.Web.WebView2包,并点击安装。
使用WebView2控件
- 打开项目中的
MainWindow.xaml
文件,然后添加WebView2的命名空间:
xmlns:webview2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
- 在
Grid
控件中,添加WebView2
控件,并填写Source
属性,这个属性是用来标识加载的网址,在这里我们填入百度的网址。
<Window x:Class="WebViewDemo.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:webview2="clr-namespace:Microsoft.Web.WebView2.Wpf;assembly=Microsoft.Web.WebView2.Wpf"
mc:Ignorable="d"
Title="MainWindow" Height="450" Width="800">
<Grid>
<webview2:WebView2 Source="https://www.百度.com" />
</Grid>
</Window>
最后,附上一张运行截图
结语
至此,一个简单使用WebView2加载网页的Demo就已经完成,可以看出WebView2整体使用是比较简单的,也没有比较复杂的配置,其Nuget包提交也较小,在使用简单使用上比CefSharp还是有一定优势的,后续我们将深入使用WebView2,实现一些复杂功能,敬请期待!
使用WebView2的相关代码已经上传至GitHub中,有需要的可以自行下载,码字不易,顺手给个 Star 吧!
欢迎关注博主个人博客,有更多精彩内容哦!
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhfiigjj
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01 -
怎样阻止微信小程序自动打开
PHP中文网 06-13