Question

我正在尝试使用条件样式为我的TextBox创建一个样式的工具提示。当TextBox属性Validation.HasErrors为true时，ToolTip必须具有不同的样式。

我不知道如何以条件方式从父样式（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>

我希望它可以帮到你

条件工具提示样式

1 个答案: