wpf - I just need a simple WPF ToolTip Style that displays multiple lines

Question

Due to all the noise about fancy, super, huge, and blah, blah, blah, tooltips, I cannot find the answer.

I just need a simple style that sets TextWrapping="Wrap" and allows me to set a width.

One that duplicates the existing / default style, but just word wraps.

Answer 1

<Window.Resources>
    <Style TargetType="{x:Type ToolTip}">
        <Setter Property="ContentTemplate">
            <Setter.Value>
                <DataTemplate>
                    <TextBlock TextWrapping="Wrap" Text="{Binding}" />
                </DataTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>
<Grid>
    <Rectangle Width="100" Height="100" Fill="Red">
        <Rectangle.ToolTip>
            <ToolTip Width="100">
                This is some text with text wrapping.
            </ToolTip>
        </Rectangle.ToolTip>
    </Rectangle>
</Grid>

此示例假设您希望能够根据使用情况设置宽度。如果要将其设置为样式的一部分，请将其添加到 TextBlock 元素。

Answer 2

此样式可防止在空字符串上弹出工具提示。

<Style TargetType="ToolTip">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ToolTip">
                <TextBlock Text="{TemplateBinding Content}"
                           MaxWidth="400"
                           TextWrapping="Wrap"/>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="Content" Value="">
            <Setter Property="Visibility" Value="Collapsed" />
        </Trigger>
    </Style.Triggers>
</Style>

或使用 ContentTemplate：

<Style TargetType="{x:Type ToolTip}">
    <Setter Property="ContentTemplate">
        <Setter.Value>
            <DataTemplate>
                <StackPanel>
                    <TextBlock Text="{Binding}"
                               MaxWidth="400"
                               TextWrapping='Wrap' />
                </StackPanel>
            </DataTemplate>
        </Setter.Value>
    </Setter>
    <Style.Triggers>
        <Trigger Property="Content" Value="">
            <Setter Property="Visibility" Value="Collapsed" />
        </Trigger>
    </Style.Triggers>
</Style>

Answer 3

如果您只想获得以下效果，请阅读这篇文章。