手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

UWP WebView如何背景透明

时间:2024-10-15 11:44:03

1、首先,以如图简单情景为例。一个应用的MainPage.xaml中,有几个控件,可以输入网址,导航。

UWP WebView如何背景透明

2、在MainPage.xaml的右侧,就是一个WebView,设置其DefaultBackgroundColor属性为Transparent。

UWP WebView如何背景透明

3、在按钮的event处理函数当中,尝试使用WebView的Navigate方法,导航到指定uri。

UWP WebView如何背景透明

4、为了呈现背景透明的效果,给该项目添加图片资源,并在MainPage.xaml中设置为根Grid的Background。

UWP WebView如何背景透明
UWP WebView如何背景透明

5、直接的页面效果如图,此时WebView还不含任何东西,而且背景透明。

UWP WebView如何背景透明

6、如图是运行并且导航到某个网站,可以看到,如果html页面未设置背景色,则裸露在背景上的区域,变成透明了。

UWP WebView如何背景透明
© 手抄报圈