如何在 WebView2 控件上创建按钮？

Question

我的 WPF 应用程序中有 WebView2 控件。 我想在我的 cursor position 上以编程方式创建一个按钮。

Button ks = new Button();
ks.Width = 25;
ks.Height = 15;
ks.Content = "Add";
ks.Background = Brushes.Red;
ks.Margin = new Thickness(k.X, k.Y, 0, 0);

grid.Children.Add(ks);

但似乎我的按钮是在 WebView2 控件下创建的，我看不到它。

如何在我的 WebView2 控件上创建一个按钮？

Answer 1

这有点棘手，但可能。 我将在 XAML 中执行此操作，但您可以根据需要重写它（创建按钮或仅切换可见性）。
主要思想是用PopUp包装Button 。 弹窗不属于视觉，单独处理。
为了感觉它是一个简单的按钮，您需要处理一些边缘情况，例如最小化、最大化、移动、停用 window。
因此，对于 window，请为Activated 、 Deactivated 、 StateChanged和LocationChanged事件附加事件处理程序（您还可以为所有代码隐藏创建一个行为以在 XAML 中处理它）。

private void Window_Activated(object sender, EventArgs e)
{
    //Dispatcher we need for window change the size first
    Dispatcher.BeginInvoke((Action)(() => {
        popUpOver.IsOpen = true;
    }));    
}
private void Window_Deactivated(object sender, EventArgs e)
{
    popUpOver.IsOpen = false;
}
private void Window_StateChanged(object sender, EventArgs e)
{
    popUpOver.IsOpen = this.WindowState != WindowState.Minimized;
}
private void Window_LocationChanged(object sender, EventArgs e)
{
    var offset = popUpOver.HorizontalOffset;
    popUpOver.HorizontalOffset = offset + 1;
    popUpOver.HorizontalOffset = offset;
}

<Popup x:Name="popUpOver" IsOpen="True" StaysOpen="True" Placement="RelativePoint" PlacementRectangle="300,300,500,500">
    <Button Content="OVER" Width="100" Height="30"/>
</Popup>

PopUp 移动被采取： 如何在 WPF 弹出窗口的锚元素移动时移动它？