如何在 WPF 中设置 WebView2 控件的不透明度

Question

如何在 WPF 中设置 WebView2 控件的不透明度我需要使用 Storyboard 将 WebView2 的不透明度从 0 更改为 1，但是当我尝试将“Opacity = 0”设置为 WebView2 时，它不适用。 那么有什么办法可以动态设置它的不透明度吗？

Answer 1

WebView2不是原生的wpf控件，不支持透明度设置。

你可以使用CEFSharp ，它提供与 WebView2 相同的功能，并支持透明度设置。

NuGet\Install-Package CefSharp.Wpf -Version 108.4.130

Answer 2

这简直是不可能的。 WebView2 是HwndHost 。 这意味着它们是本机 win32 windows 正好放置在您的 WPF 中指定的位置。因此它不是您可以操作的 WPF 元素。

Answer 3

如果您想暂时隐藏 WebView，可以使用可见性。

<wv2:WebView2 Visibility="Hidden" MinHeight="300" />

在该控件上方，您可以显示加载图标或其他内容并为其设置动画，而不是 WebView 本身。

<Grid>
    <wv2:WebView2 Visibility="Hidden" Width="500" Height="500" />
    <custom:MyFancyLoadingControl Visibility="Visible" Width="500" Height="500" />
</Grid>