欢迎光临散文网 会员登陆 & 注册

【整活】在UWP应用中使用Chromium内核的Webview控件!

2023-03-19 12:20 作者:Microhard_1724  | 我要投稿

众所周知,Chromium是桌面应用,如果想要纯手工把它嵌入UWP,不是一件简单的事情。

但是,难道我们就要用一个难用的、结束支持了的EdgeHTML内核吗?

No!今天,我就来教大家用最简单的方法,在UWP应用中使用Chromium内核的全新EdgeWebview2控件!

安装Microsoft.UI.Xaml

首先,我们按照往常的步骤创建一个UWP应用程序。

然后,在解决方案资源管理器中右键单击项目,选择管理NuGet包

管理UWP应用NuGet包

然后点击上方的浏览选项卡,在搜索框搜索winui或者Microsoft.UI.Xaml

找到这个Microsoft.UI.Xaml,在右边点击安装,稍等就可以安装好。

请注意:每个要用到Chromium的项目都要单独安装这个NuGet包!

安装Microsoft.UI.Xaml

安装完成之后,在项目的App.xaml中,输入如下代码:

(B站不支持Xaml代码块,我用Xml代替,代码实际上是Xaml,直接复制进去就可以了)

接着,在MainPage.xaml中的页面顶部:

那么,我们的环境就配置好了。

当然,这个环境不但支持Chromium,而且还包含了Win11最新风格的圆角控件,大家也可以试一试添加新的控件(步骤跟原来添加控件一样)。

添加Chromium浏览器

MainPage.xaml的页面内容部分添加ChromiumWebview:

然后,运行应用程序,我们就可以看到一个Chromium内核的浏览器了。

这里面的Source就是网址,大家可以改成需要的网址,具体根据应用功能设计。

运行结果(下面的栏是我加的)


【整活】在UWP应用中使用Chromium内核的Webview控件!的评论 (共 条)

分享到微博请遵守国家法律