Question

我有一张图片，当我将鼠标悬停在图片部分上时，我希望显示不同的工具提示图像有4个部分

到目前为止我已尝试过这个：

      <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition   ToolTip="11" />
            <ColumnDefinition  ToolTip="2" />
            <ColumnDefinition  ToolTip="3" />
            <ColumnDefinition  ToolTip="4" />
        </Grid.ColumnDefinitions>

        <Image Name="SupportToolBlocks" Height="42" Width="168"/>

    </Grid>

Answer 1

在图像顶部添加“图层”，并在图层的4列中添加一个透明边框（将其背景设置为“透明”，以便点击测试时可见，请参阅{{ 3}}了解更多细节）。喜欢这个

<Grid Height="42" Width="168">
    <Grid>
        <Image Name="SupportToolBlocks" Stretch="Fill" />
    </Grid>
    <Grid x:Name="layer">
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Border Background="Transparent" Grid.Column="0" ToolTip="A"/>
        <Border Background="Transparent" Grid.Column="1" ToolTip="B"/>
        <Border Background="Transparent" Grid.Column="2" ToolTip="C"/>
        <Border Background="Transparent" Grid.Column="3" ToolTip="D"/>
    </Grid>
</Grid>

wpf网格工具提示没有显示

1 个答案: