WPF的XAML:当空白工具提示文本时隐藏工具提示弹出

本文关键字：工具提示 文本 隐藏 空白 XAML WPF | 更新日期: 2023-09-27 18:10:42

我试图在带有数据网格的WPF表单的单元格上设置工具提示。这是可行的，但我不希望它在没有弹出文本显示的单元格中弹出。

我在这里看到过类似的问题，但我还没能得到这些解决方案。

这是CellTemplate:

<DataGridTemplateColumn.CellTemplate>
    <DataTemplate>
        <Image Source="{Binding itemType}" VerticalAlignment="Center">
            <ToolTipService.ToolTip>
                    <TextBlock Text="{Binding toolTipText}" />
            </ToolTipService.ToolTip>
        </Image>
    </DataTemplate>
</DataGridTemplateColumn.CellTemplate>

为了防止空白toolTipText弹出，我添加了:

<DataGrid.Resources>
<Style x:Key="{x:Type ToolTip}" TargetType="{x:Type ToolTip}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ToolTip}">
                <Border Background="Black" Visibility="{TemplateBinding Content, Converter={StaticResource StringToVisibilityConverter}}" >
                    <TextBlock  Width="50" FontFamily="Tahoma" FontSize="11" Text="{TemplateBinding Content}" Foreground="WhiteSmoke" Padding="2" />
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
</DataGrid.Resources>

StringToVisibilityConverter的定义如下:

public class StringToVisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType,
                          object parameter, CultureInfo culture)
    {
        var stringValue = String.Empty;
        if (value is System.Windows.Controls.TextBlock) stringValue = (value as System.Windows.Controls.TextBlock).Text;
        else stringValue = value as string;
        return string.IsNullOrWhiteSpace(stringValue) ?
                                         Visibility.Hidden : Visibility.Visible;
    }
    public object ConvertBack(object value, Type targetType,
                              object parameter, CultureInfo culture)
    {
        return value;
    }
}

我看到的是，当文本为空白时，它不会弹出工具提示(很好)，但当有文本时，它会弹出一个黑色矩形。
如果没有工具提示的样式设置，文本框会弹出(除了空白文本也会弹出)。

删除

Background="Black"

设置边框样式，然后我看不到任何弹出窗口

WPF的XAML:当空白工具提示文本时隐藏工具提示弹出

您可以使用下面的单元格模板来使它更简单:

<DataGridTemplateColumn.CellTemplate>
        <DataTemplate>
            <Image Source="{Binding itemType}" VerticalAlignment="Center">
             <Image.ToolTip>
                <ToolTip Visibility="{Binding toolTipText, Converter={StaticResource StringToVisibilityConverter}}">
                  <Border Background="Black" >
                    <TextBlock Text="{Binding toolTipText}" />
                  </Border>
               </ToolTip>                    
            <Image.ToolTip>
          </Image>
        </DataTemplate>
    </DataGridTemplateColumn.CellTemplate>

转换器可简化为:

public class StringToVisibilityConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        return String.IsNullOrEmpty(value as string) ? Visibility.Collapsed : Visibility.Visible;
    }
    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

您可以尝试编辑工具提示模板并添加触发器来折叠没有内容的工具提示。如果你将模板添加到App.xaml文件中，这也有隐藏应用程序中可能存在的所有空工具提示的好处。

在App.xaml中添加对Microsoft核心库的引用:

<Application
    xmlns:sys="clr-namespace:System;assembly=mscorlib"
>

然后添加新的工具提示模板:

<Style x:Key="{x:Type ToolTip}" TargetType="ToolTip">
    <Setter Property="OverridesDefaultStyle" Value="true"/>
    <Setter Property="HasDropShadow" Value="True"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ToolTip">
                <Border Name="Border" Background="#FFFFFF" BorderBrush="#000000" BorderThickness="1" Width="{TemplateBinding Width}" Height="{TemplateBinding Height}">
                    <ContentPresenter Margin="4" HorizontalAlignment="Left" VerticalAlignment="Top" />
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="Content" Value="{x:Static sys:String.Empty}">
                        <Setter Property="Visibility" Value="Collapsed"/>
                    </Trigger>
                    <Trigger Property="Content" Value="{x:Null}">
                        <Setter Property="Visibility" Value="Collapsed"/>
                    </Trigger>
                    <Trigger Property="HasDropShadow" Value="true">
                        <Setter TargetName="Border" Property="CornerRadius" Value="4"/>
                        <Setter TargetName="Border" Property="SnapsToDevicePixels" Value="true"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
相关文章：