条件工具提示样式

Question

我正在尝试为我的 TextBox 创建一个样式，并为其工具提示设置一个条件样式。当 TextBox 属性 Validation.HasErrors 为真时，工具提示必须具有不同的样式。

我不知道如何以有条件的方式从父样式 (TextBox) 定义更改子样式 (ToolTip)。

在下面的代码中，始终应用工具提示样式。

<Style x:Key="errorStyle" TargetType="{x:Type Control}">
                <Style.Resources>
                    <Style TargetType="{x:Type ToolTip}">
                        <Setter Property="Background" Value="Red"/>
                        <Setter Property="Foreground" Value="White"/>
                    </Style>
                </Style.Resources>
                <Setter Property="Validation.ErrorTemplate">
                    <Setter.Value>
                        <ControlTemplate>
                            <DockPanel>
                                <Border BorderBrush="Red" BorderThickness="2" CornerRadius="2" Background="{x:Null}">
                                    <AdornedElementPlaceholder/>
                                </Border>
                            </DockPanel>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Style.Triggers>
                    <Trigger Property="Validation.HasError" Value="true">
                        <Setter Property="ToolTip" Value="{Binding RelativeSource={x:Static RelativeSource.Self},
                                Path=(Validation.Errors)[0].ErrorContent}"/>
                    </Trigger>

                </Style.Triggers>
</Style>
<Style TargetType="TextBox" BasedOn="{StaticResource errorStyle}" />

谢谢。

Answer 1

您可以使用工具提示的 PlacementTarget 属性来更改工具提示的样式。 DataTrigger 将完成剩下的工作。

这是关于我的意思的示例：

<ToolTip Content="Tooltip content...">
    <ToolTip.Style>
        <Style BasedOn="{StaticResource {x:Type ToolTip}}" TargetType="{x:Type ToolTip}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding RelativeSource={RelativeSource Self},
                                               Path=PlacementTarget.(Validation.HasError)}"
                                Value="True">
                    <Setter Property="Background" Value="Red" />
                </DataTrigger>
            </Style.Triggers>
        </Style>
    </ToolTip.Style>
</ToolTip>

希望对您有所帮助

条件工具提示样式

Conditional ToolTip Style

wpf

triggers

styles

mvvm