WPF中为ListView GridView单元格添加自定义样式ToolTip的方法

Hey，作为WPF新手碰到这个需求太正常了！我之前刚学的时候也纠结过怎么给GridView单元格加自定义ToolTip，这里给你几个实用的方案，亲测好用：

方案1：用CellTemplate自定义单个列的ToolTip（最灵活） #

你现在用的是DisplayMemberBinding，这种方式虽然简单，但没法直接加自定义ToolTip。换成CellTemplate就能完全掌控单元格的内容和ToolTip了——不仅能绑定任意属性，还能给ToolTip加复杂布局（比如多个文本块、图标都没问题）。

修改你的XAML代码，把原来的DisplayMemberBinding替换成CellTemplate：

<ListView x:Name="lstviewMeters" Grid.Row="2" ItemContainerStyle="{StaticResource MeterRowStyle}" Height="260" Margin="0,73,31,0" VerticalAlignment="Top" Width="597" AlternationCount="2" ItemsSource="{Binding}" HorizontalAlignment="Right">
    <ListView.View>
        <GridView>
            <!-- Feeder列 -->
            <GridViewColumn Header="Feeder" Width="125">
                <GridViewColumn.HeaderTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="Feeder" Padding="9,4,3,3"/>
                        </StackPanel>
                    </DataTemplate>
                </GridViewColumn.HeaderTemplate>
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding MeterName}">
                            <!-- 自定义ToolTip -->
                            <TextBlock.ToolTip>
                                <Border Background="#FFF0F0F0" BorderBrush="#FFCCCCCC" BorderThickness="1" CornerRadius="3" Padding="6">
                                    <StackPanel>
                                        <TextBlock FontWeight="Bold" Text="Feeder详情"/>
                                        <TextBlock Text="名称: {Binding MeterName}"/>
                                        <TextBlock Text="对应ID: {Binding MeterID}"/>
                                    </StackPanel>
                                </Border>
                            </TextBlock.ToolTip>
                        </TextBlock>
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>

            <!-- ID列 -->
            <GridViewColumn Header="ID" Width="120">
                <GridViewColumn.HeaderTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                            <TextBlock Text="ID" Padding="9,4,3,3"/>
                        </StackPanel>
                    </DataTemplate>
                </GridViewColumn.HeaderTemplate>
                <GridViewColumn.CellTemplate>
                    <DataTemplate>
                        <TextBlock Text="{Binding MeterID}"
                                   ToolTip="点击可复制ID"/> <!-- 简单的文本ToolTip -->
                    </DataTemplate>
                </GridViewColumn.CellTemplate>
            </GridViewColumn>
        </GridView>
    </ListView.View>
</ListView>

这个方案的好处是完全自由定制，每个列的ToolTip可以不一样，甚至能根据数据动态调整内容（比如某个值为空时显示不同提示）。

方案2：用CellStyle统一复用ToolTip样式 #

如果多个列的ToolTip样式差不多，不想重复写CellTemplate，可以定义一个全局的CellStyle，然后给需要的GridViewColumn套用：

首先在你的资源字典（比如Window.Resources里）定义样式：

<Window.Resources>
    <Style x:Key="GridViewCellToolTipStyle" TargetType="{x:Type GridViewCell}">
        <Setter Property="ToolTip">
            <Setter.Value>
                <Border Background="#FFF5F5F5" BorderBrush="#FF999999" BorderThickness="1" CornerRadius="2" Padding="5">
                    <TextBlock Text="{Binding}"/> <!-- 默认绑定单元格的内容，也可以改成具体属性，比如{Binding MeterName} -->
                </Border>
            </Setter.Value>
        </Setter>
        <!-- 还可以加其他样式，比如鼠标悬停时的背景色 -->
        <Style.Triggers>
            <Trigger Property="IsMouseOver" Value="True">
                <Setter Property="Background" Value="#FFE0E0E0"/>
            </Trigger>
        </Style.Triggers>
    </Style>
</Window.Resources>

然后在GridViewColumn里引用这个样式：

<GridViewColumn Header="Feeder" Width="125" DisplayMemberBinding="{Binding MeterName}"
                CellStyle="{StaticResource GridViewCellToolTipStyle}"/>
<GridViewColumn Header="ID" Width="120" DisplayMemberBinding="{Binding MeterID}"
                CellStyle="{StaticResource GridViewCellToolTipStyle}"/>

这个方案适合统一样式的场景，能减少代码冗余，但如果每个列的ToolTip内容差异大，还是方案1更合适。

额外小技巧：调整ToolTip的显示行为 #

如果想让ToolTip显示更久、或者调整显示位置，可以用ToolTipService的附加属性：

<TextBlock Text="{Binding MeterName}"
           ToolTipService.ShowDuration="10000" <!-- 显示10秒 -->
           ToolTipService.Placement="Bottom" <!-- 在单元格下方显示 -->
           ToolTip="自定义提示"/>

内容的提问来源于stack exchange，提问作者Vsagar