WPF实现鼠标聚焦文本框时字体变色

freesheep720

已于 2023-11-21 12:52:31 修改

阅读量571

点赞数 1

分类专栏： C# 文章标签： wpf c# 开发语言

于 2023-11-21 12:51:41 首次发布

本文链接：https://blog.youkuaiyun.com/ngwngw/article/details/134529169

版权

C# 专栏收录该内容

17 篇文章

订阅专栏

文章介绍了如何使用WPF中的TextBlock控件，通过Style和Triggers实现鼠标聚焦和悬停时字体颜色的变化，展示了焦点状态下的交互设计。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

说明：本文主要是使用TextBlock控件以及鼠标聚焦后字体变蓝举例说明，也可以自行用其他的控件做其他的行为，具体效果如图所示：在这里插入图片描述
具体实现代码如下：

    <Style x:Key="TextBlockCommon" TargetType="{x:Type TextBlock}">
        <Setter Property="HorizontalAlignment" Value="Center"/>
        <Setter Property="VerticalAlignment" Value="Center" />
        <Setter Property="TextWrapping" Value="Wrap" />
        <Setter Property="Foreground" Value="Yellow"/>
        
        <Style.Triggers>
            <Trigger Property="IsKeyboardFocusWithin" Value="True">
                <!-- 当文本框获得焦点时，将字体颜色更改为蓝色 -->
                <Setter Property="Foreground" Value="Blue"/>
            </Trigger>
            <Trigger Property="IsMouseOver" Value="True">
                <!-- 当鼠标悬停在文本框上时，将字体颜色更改为蓝色 -->
                <Setter Property="Foreground" Value="Blue"/>
            </Trigger>
        </Style.Triggers>
    </Style>

作者：freesheep720