在xaml中触发样式触发器时,将样式应用于多个控件



当用户输入信息时,我希望所有控件的外观和行为都相同,因此我完成了以下操作。

标签和文本框控件在堆叠面板中显示为:

    <StackPanel Style="{StaticResource ResourceKey=myInput}" HorizontalAlignment="Left">
        <Label Content="Label" Name="label1"  />
        <TextBox Name="textBox1"  ></TextBox>
    </StackPanel>

样式"myInput"是:

<Style x:Key="myInput" TargetType="{x:Type StackPanel}">
    <Style.Resources>
            <Style TargetType="{x:Type Label}" BasedOn="{StaticResource {x:Type Label}}">
                <Setter Property="FontSize" Value="12" />
            </Style>
            <Style TargetType="{x:Type TextBox}">
                <Setter Property="Margin" Value="5,-5,2,2"></Setter>
                <Setter Property="Height" Value="23"/>
                <Setter Property="VerticalAlignment" Value="Top"/>
                <Style.Triggers>
                    <Trigger Property="IsFocused" Value="true">
                        <Setter Property="Background" Value="Blue" >                                
                        </Setter>                           
                    </Trigger>
                </Style.Triggers>
            </Style>
    </Style.Resources>
</Style>

现在,每当我将这种风格应用于一个有标签和文本框的堆叠面板时,当它收到焦点时,文本框的背景就会变为蓝色。

当该事件触发时,我如何将标签的字体权重也设置为粗体我想用xaml来做这个。

Label上使用DataTrigger,查看键盘焦点是否在包含两个对象的父StackPanel内部

<Style TargetType="{x:Type Label}" BasedOn="{StaticResource {x:Type Label}}">
    <Setter Property="FontSize" Value="12" />
    <Style.Triggers>
        <DataTrigger Value="True" Binding="{Binding IsKeyboardFocusWithin,
            RelativeSource={RelativeSource AncestorType={x:Type StackPanel}}}">
            <Setter Property="FontWeight" Value="Bold" />
        </Trigger>
    </Style.Triggers>
</Style>

最新更新