如何在 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>