将背景和不透明度设置为按钮但不影响其内容

Question

我正在使用 WPF，我想做的是设置按钮的不透明度和背景颜色，但我不想影响按钮内的内容。我尝试了几种方法，但不幸的是这不起作用。

我找到了这种风格，我想应用这样的东西：

这是我的数字键盘：（我正在尝试编辑 BTN 7）：

正如你们所看到的，不幸的是，我无法在不影响内部内容的情况下设置按钮的不透明度。

这是我的 XAML 代码（关注 btn 7）：

<StackPanel Height="50" Orientation="Horizontal" Margin="0,0,0,5">
                <Button  FontSize="15" FontWeight="Bold" x:Name="btn7" Foreground="#83D744" Click="btn7_Click" BorderBrush="#83D744" BorderThickness="0.5" Content="7" Width="80" RenderTransformOrigin="0.557,0.693" d:LayoutOverrides="HorizontalAlignment" Background="Black" Opacity="0.2" Margin="0,0,5,0" />
                <Button  FontSize="15" Foreground="Black" FontWeight="Bold" x:Name="btn8" Click="btn8_Click" Content="8" Width="80" Background="#FF50504F" Margin="0,0,5,0"/>
                <Button  FontSize="15" Foreground="Black" FontWeight="Bold" x:Name="btn9" Click="btn9_Click" Content="9" Width="80" d:LayoutOverrides="HorizontalAlignment" Background="#FF50504F"/>
</StackPanel>

所以有人可以帮我请如何解决这个问题..谢谢！

Answer 1

为用于背景的画笔添加透明度

黑色的十六进制代码是 #000000

更改 Alpha 通道以使其半透明 ( Background="#50000000") 并删除Opacity="0.2"

<Button x:Name="btn7"
        FontSize="15" FontWeight="Bold" Foreground="#83D744" 
        Click="btn7_Click" 
        BorderBrush="#83D744" BorderThickness="0.5" 
        Content="7" Width="80" RenderTransformOrigin="0.557,0.693"
        d:LayoutOverrides="HorizontalAlignment" 
        Background="#50000000" Margin="0,0,5,0" />