【整活】在UWP應(yīng)用中使用Chromium內(nèi)核的Webview控件!

眾所周知,Chromium是桌面應(yīng)用,如果想要純手工把它嵌入U(xiǎn)WP,不是一件簡(jiǎn)單的事情。
但是,難道我們就要用一個(gè)難用的、結(jié)束支持了的EdgeHTML內(nèi)核嗎?
No!今天,我就來教大家用最簡(jiǎn)單的方法,在UWP應(yīng)用中使用Chromium內(nèi)核的全新EdgeWebview2控件!
安裝Microsoft.UI.Xaml
首先,我們按照往常的步驟創(chuàng)建一個(gè)UWP應(yīng)用程序。
然后,在解決方案資源管理器中右鍵單擊項(xiàng)目,選擇管理NuGet包。

然后點(diǎn)擊上方的瀏覽選項(xiàng)卡,在搜索框搜索winui或者Microsoft.UI.Xaml。
找到這個(gè)Microsoft.UI.Xaml,在右邊點(diǎn)擊安裝,稍等就可以安裝好。
請(qǐng)注意:每個(gè)要用到Chromium的項(xiàng)目都要單獨(dú)安裝這個(gè)NuGet包!

安裝完成之后,在項(xiàng)目的App.xaml中,輸入如下代碼:
(B站不支持Xaml代碼塊,我用Xml代替,代碼實(shí)際上是Xaml,直接復(fù)制進(jìn)去就可以了)
接著,在MainPage.xaml中的頁(yè)面頂部:
那么,我們的環(huán)境就配置好了。
當(dāng)然,這個(gè)環(huán)境不但支持Chromium,而且還包含了Win11最新風(fēng)格的圓角控件,大家也可以試一試添加新的控件(步驟跟原來添加控件一樣)。
添加Chromium瀏覽器
在MainPage.xaml的頁(yè)面內(nèi)容部分添加ChromiumWebview:
然后,運(yùn)行應(yīng)用程序,我們就可以看到一個(gè)Chromium內(nèi)核的瀏覽器了。
這里面的Source就是網(wǎng)址,大家可以改成需要的網(wǎng)址,具體根據(jù)應(yīng)用功能設(shè)計(jì)。
