C# WPF 工具提示未显示在子网格上

Question

由于某种原因，工具提示不会显示在我的子网格中。

<Grid DockPanel.Dock="Top"
    Width="300px"
    Height="250px"
    ToolTipService.ToolTip="MainGrid Tooltip">
<Grid.ColumnDefinitions>
    <ColumnDefinition Width="*" />
    <ColumnDefinition Width="1.25*" />
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
    <RowDefinition Height="Auto" />
    <RowDefinition Height="Auto" />
    <RowDefinition Height="Auto" />
    <RowDefinition Height="Auto" />
</Grid.RowDefinitions>

<Grid Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="2"
        ToolTip="mygrid tooltip 2">
    <StackPanel Orientation="Horizontal">
        <Image Width="15"
                Source="<<INSERT IMAGE FILE LOCATION HERE>>" 
                ToolTipService.ToolTip="Child Grid Tooltip 1"/>
        <TextBlock Width="80"
                Text="Random Text 2"
                ToolTipService.ToolTip="Child Grid Tooltip 2"/>
        <TextBlock Width="80" 
                Text="Random Text 3"
                ToolTipService.ToolTip="Child Grid Tooltip 3"/>
    </StackPanel>

</Grid>

我不断显示“mygrid tooltip 2”，即使我已经覆盖了它的子项的工具提示 - 它不会显示。

我已经通过在资源字典中使用控制模板来降低复杂性，直到现在只剩下上面的内容，但仍然什么也没有。

任何想法都将不胜感激，也许还有我可以阅读的链接。我的 WPF 书籍和 msdn 目前没有产生任何实质性内容。

谢谢，

Answer 1

为了让 WPF 中的某些内容能够显示工具提示，它必须对命中测试可见。

对于面板，这是通过将背景颜色设置为除 null（这是所有面板的默认设置）之外的颜色来完成的。如果您希望面板不可见但仍符合命中测试的条件，则可以使用透明作为背景颜色。

<Grid Background="Transparent" ToolTip="This Will Be Shown">
    <!-- other stuff -->
</Grid>

<Grid ToolTip="This Will NOT Be Shown">
    <!-- other stuff -->
</Grid>

Answer 2

@Isak，谢谢，您的 Background="Transparent" 帮助我解决了最终的问题。

我最终抛弃了具有定义的行/列的网格，并采用了具有嵌套 StackPanel 的网格。

以前 Grid.Rows 是由 ContentControls 填充的，我用包含我需要显示的信息的本地 Stackpanels 替换了它，这似乎已经解决了这个问题，但只有在我将“Transparent”标签添加到 stackpanels 以及

IsHitTestVisible="False"

在父网格中的图像用作背景图像。

这是我当前解决方案的一个示例，第二部分替换了我原来的帖子中看到的代码。

首先，在获取相关代码之前的基本源文件布局如下所示：

<ResourceDictionary xmlns="...
  <DataTemplate DataType="...
    <Grid Style="...
      <Grid Grid.Row="1">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="Auto"/>
          <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>

       <Grid Name="LeftColumn" Grid.Column="0">
         <TextBlock Style="{StaticResource TextHeader}"
                    Text="Review 10 Patients"/>

         <Image RenderOptions.BitmapScalingMode="NearestNeighbor"
                SnapsToDevicePixels="True"
                Stretch="None"
                DockPanel.Dock="Top"
                IsHitTestVisible="False"
                Source="((INSERT IMAGE HERE))" Margin="0,-2,0,10"/>

然后我的解决方案网格如下[替换初始后代码]：

       <StackPanel>

         <StackPanel Background="Transparent" Orientation="Horizontal">
           <Image Style="{StaticResource InfoImage}" Margin="3">
             <ToolTipService.ToolTip>
               <ToolTip Width="200" Style="{StaticResource ToolTip}"
                        Content="ToolTip 1"/>
             </ToolTipService.ToolTip>
           </Image>

           <TextBlock Width="140" Style="{StaticResource Text_SelfTitle}"
                      Text="Text Field 1"/>
           <TextBlock Width="145" Style="{StaticResource Text_SelfQuestions}"
                      Text="Text Field 2"/>
         </StackPanel>

         <StackPanel Background="Transparent" Orientation="Horizontal">
            ((... similar as above...))
         </StackPanel>

         <StackPanel Background="Transparent" Orientation="Horizontal">
            ((... similar as above...))
         </StackPanel>

       </StackPanel>
     </Grid>
  </Grid>

如果您遇到类似的事情，希望这对其他人有帮助。