You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在Style.Trigger中为Background属性添加透明度?

WPF Border鼠标悬停背景色添加透明度的解决方案

你可以通过以下两种方式实现带透明度的白色背景:

方法一:使用带Alpha通道的十六进制颜色值

WPF支持直接使用包含Alpha通道的十六进制颜色格式,格式为#AARRGGBB:

  • AA:十六进制透明度值(00=完全透明,FF=完全不透明)
  • RRGGBB:颜色的RGB值(FFFFFF对应白色)

修改后的代码示例:

<Border.Style>
    <Style TargetType="Border">
        <Setter Property="Background" Value="Transparent" />
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True" >
                <!-- 75%不透明度的白色,CC对应十进制的204,即204/255≈0.75 -->
                <Setter Property="Background" Value="#CCFFFFFF" />
            </Trigger>
        </Style.Triggers>
    </Style>
</Border.Style>

方法二:显式使用SolidColorBrush设置Opacity

通过SolidColorBrush可以单独指定颜色和透明度,逻辑更清晰:

修改后的代码示例:

<Border.Style>
    <Style TargetType="Border">
        <Setter Property="Background" Value="Transparent" />
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True" >
                <Setter Property="Background">
                    <Setter.Value>
                        <!-- Opacity取值范围0-1,0为完全透明,1为完全不透明 -->
                        <SolidColorBrush Color="White" Opacity="0.75" />
                    </Setter.Value>
                </Setter>
            </Trigger>
        </Style.Triggers>
    </Style>
</Border.Style>

两种方法任选其一即可,第一种更简洁,第二种在需要动态调整透明度或绑定资源时更灵活。

内容的提问来源于stack exchange,提问作者Alex Wright

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.17 15:22:07