在不同于WPF中的子元素的父元素上设置不透明度

Question

我正在尝试在我的应用程序中模拟一个'模态'类型的事件，它将提供透明的背景“调光”感觉，以及一个包含内容的表单。

我遇到的问题是我在叠加画布上设置不透明度，并且它在子窗体上继承。

这将在下面的屏幕截图中显示。您仍然可以看到背景项目的角落。

我使用的代码如下：

protected void Draw(DrawingContext drawingContext)
    {
        //Crate Overlay Canvas
        Canvas canvas = new Canvas();
        canvas.Width = ((Canvas)this.AdornedElement).ActualWidth;
        canvas.Height = ((Canvas)this.AdornedElement).ActualHeight;
        canvas.Opacity = .4;
        canvas.Background = new SolidColorBrush(Colors.Black);

        //Create Form Panel
        StackPanel panel = new StackPanel();
        panel.Background = new SolidColorBrush(Colors.White);
        panel.Width = 400;
        panel.Height = 200;
        panel.Opacity = 1; //Just to make sure

        Button button = new Button();
        button.Content = "Test Button";
        button.Height = 30;

        panel.Children.Add(button);

        Canvas.SetLeft(panel, canvas.Width/2);
        Canvas.SetTop(panel, canvas.Height/2);

        canvas.Children.Add(panel);

        Content = canvas;
    }

Answer 1

应该很容易解决 - 创建另一个父Canvas，并分别添加叠加层和面板。这样，面板将成为叠加层的兄弟而不是其子节点，并且不会继承不透明度。例如：

protected void Draw(DrawingContext drawingContext)
    {
        var wrapper = new Canvas();

        // ...

        wrapper.Children.Add(canvas);
        wrapper.Children.Add(panel);

        Content = wrapper;
    }