wpf - 如何在 WPF 中创建透明的用户控件？

Question

我有一个 WPF 应用程序，上面有一个图像，上面放置了一个用户控件。我希望用户控件背景是透明的，但该用户控件上的按钮等是实心的。

下图显示了我现在所拥有的。我希望红色区域的内部是透明的(理论上用户控件可以是许多不同的形状)，但其中包含的控件是实心的。



主窗口 XAML 是；

<Canvas Height="450" Width="300">
    <Border Opacity=".2" >
        <Image Source="D:\\BarbourCoat.jpg" Width="300" ></Image>
    </Border>
    <local:UserControl1 Height="100" Canvas.Left="10" Canvas.Top="10" Width="100"/>
</Canvas>

虽然用户控件 XAML 是；

<Canvas Background="Transparent">
    <Path Data="M 10 10 L 100 10 L 250 50 L 280 200 L 180 250 L 25 270 Z" Stroke="Red"></Path>
    <Button Content="Button" HorizontalAlignment="Left" Margin="41,53,0,0" VerticalAlignment="Top" Width="75"/>
    <TextBox HorizontalAlignment="Left" Height="23" Margin="90,112,0,0" TextWrapping="Wrap" Text="TextBox" VerticalAlignment="Top" Width="120"/>
    <TextBlock HorizontalAlignment="Left" Margin="69,209,0,0" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top"/>
</Canvas>

我很难理解这一点，任何帮助将不胜感激。

Answer 1

在 XAML 中，您是否使整个 UserControl 透明？
<UserControl Background="Transparent">