WPF中如何为多个Label设置基于对应控件聚焦的资源级触发器？

嘿，这个需求我之前做项目的时候刚好碰到过，用资源级别的通用Style结合Tag/Target属性来关联元素，完全能实现你要的统一触发效果，不用每个Label都写重复的触发器代码。下面我一步步给你拆解实现方法：

我们要在应用级或窗口级的资源字典里定义一个通用的Label样式，通过Label的两个属性来关联目标元素：

• 用Target属性绑定对应的TextBox（这是Label的原生属性，专门用来关联输入控件）
• 用Tag属性存储对应Button的名称
  然后在Style里添加两个DataTrigger，分别监听TextBox和Button的IsFocused属性，触发样式变化。

把这个Style放到App.xaml的Application.Resources里（全局生效），或者当前窗口的Window.Resources里（仅当前窗口生效）：

<Style TargetType="Label">
    <!-- 默认样式 -->
    <Setter Property="Foreground" Value="#666666"/>
    <Setter Property="FontSize" Value="14"/>
    <Setter Property="Margin" Value="0,0,5,5"/>

    <Style.Triggers>
        <!-- 触发器1：关联的TextBox获得焦点时 -->
        <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=Target.IsFocused}" Value="True">
            <Setter Property="Foreground" Value="#1976D2"/>
            <Setter Property="FontWeight" Value="Bold"/>
        </DataTrigger>

        <!-- 触发器2：关联的Button获得焦点时 -->
        <DataTrigger Binding="{Binding Source={x:Reference {Binding RelativeSource={RelativeSource Self}, Path=Tag}}, Path=IsFocused}" Value="True">
            <Setter Property="Foreground" Value="#1976D2"/>
            <Setter Property="FontWeight" Value="Bold"/>
        </DataTrigger>
    </Style.Triggers>
</Style>

每个Label只需要设置Target关联TextBox，Tag关联Button的名称即可，不用再写任何触发器：

<StackPanel Margin="20">
    <!-- 用户名组 -->
    <StackPanel Orientation="Horizontal" VerticalAlignment="Center">
        <Label Content="用户名" Target="{Binding ElementName=txtUserName}" Tag="btnSelectUser"/>
        <TextBox x:Name="txtUserName" Width="150" Margin="0,0,10,0"/>
        <Button x:Name="btnSelectUser" Content="选择" Padding="8,2"/>
    </StackPanel>

    <!-- 邮箱组 -->
    <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="0,15,0,0">
        <Label Content="邮箱" Target="{Binding ElementName=txtEmail}" Tag="btnVerifyEmail"/>
        <TextBox x:Name="txtEmail" Width="150" Margin="0,0,10,0"/>
        <Button x:Name="btnVerifyEmail" Content="验证" Padding="8,2"/>
    </StackPanel>

    <!-- 手机号组 -->
    <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Margin="0,15,0,0">
        <Label Content="手机号" Target="{Binding ElementName=txtPhone}" Tag="btnSendCode"/>
        <TextBox x:Name="txtPhone" Width="150" Margin="0,0,10,0"/>
        <Button x:Name="btnSendCode" Content="发验证码" Padding="8,2"/>
    </StackPanel>
</StackPanel>

如果你希望Button和TextBox聚焦时，Label的样式不一样，可以修改两个触发器的Setter属性，比如：

<!-- TextBox聚焦时：蓝色加粗 -->
<DataTrigger Binding="{Binding RelativeSource={RelativeSource Self}, Path=Target.IsFocused}" Value="True">
    <Setter Property="Foreground" Value="#1976D2"/>
    <Setter Property="FontWeight" Value="Bold"/>
</DataTrigger>

<!-- Button聚焦时：红色粗体 -->
<DataTrigger Binding="{Binding Source={x:Reference {Binding RelativeSource={RelativeSource Self}, Path=Tag}}, Path=IsFocused}" Value="True">
    <Setter Property="Foreground" Value="#F44336"/>
    <Setter Property="FontWeight" Value="ExtraBold"/>
</DataTrigger>

如果你不想用Label的Target属性，坚持用Tag存储TextBox名称，也可以修改触发器的绑定逻辑：

<DataTrigger Binding="{Binding Source={x:Reference {Binding RelativeSource={RelativeSource Self}, Path=Tag}}, Path=IsFocused}" Value="True">
    <Setter Property="Foreground" Value="#1976D2"/>
    <Setter Property="FontWeight" Value="Bold"/>
</DataTrigger>

此时Label的写法变为：<Label Content="用户名" Tag="txtUserName"/>，同样能触发TextBox聚焦时的样式变化。

• 确保所有TextBox和Button的x:Name在当前作用域内唯一，否则x:Reference会找不到正确的元素
• 如果某个Label只需要关联TextBox或Button，只保留对应的触发器即可，不需要设置对应的属性（比如不需要Button关联就不用写Tag）
• 把Style放到App.xaml里可以实现全应用的Label统一样式，适合多窗体场景

内容的提问来源于stack exchange，提问作者Abderrazzak Benbouya