wpf - WPF图像工具提示边缘检测

Question

我对 WPF 有点陌生，但我遇到了一个问题，我试图在带有背景图像的图像或按钮上放置工具提示。基本上我想要做的是我希望工具提示只显示图像实际存在的位置而不是透明度。这是一个问题，因为按钮或图像使用存储它的矩形，工具提示也将显示在该区域内。

这是一个示例按钮（忽略糟糕的设计，但我需要一个复杂的形状来给你一个想法）

这是图像/按钮的边缘

Printscreen 没有捕捉到鼠标，但想象一下鼠标实际上并没有悬停在形状上，而是在图像框/按钮的区域内。

示例：1 http://i1109.photobucket.com/albums/h426/Melkirth/Imagearea.png

这是我的实际代码的一个小例子

    <Button Height="160" Width="240" BorderThickness="0" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}">
        <Button.Background>
            <ImageBrush ImageSource="Images/Cloud1.png"></ImageBrush>
        </Button.Background>
        <Button.ToolTip>
            <TextBlock Margin="10" FontSize="14">Click me to begin your test</TextBlock>
        </Button.ToolTip>
    </Button>

Answer 1

取自this answer to a similar question：

专业图像类：

public class OpaqueClickableImage : Image
    {
        protected override HitTestResult HitTestCore(PointHitTestParameters hitTestParameters)
        {
            var source = (BitmapSource)Source;
            var x = (int)(hitTestParameters.HitPoint.X / ActualWidth * source.PixelWidth);
            var y = (int)(hitTestParameters.HitPoint.Y / ActualHeight * source.PixelHeight);
            var pixels = new byte[4];
            source.CopyPixels(new Int32Rect(x, y, 1, 1), pixels, 4, 0);
            if (pixels[3] < 10) return null;
            return new PointHitTestResult(this, hitTestParameters.HitPoint);
        }
    }

XAML：

<Window x:Class="MiscSamples.ImageButton"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:MiscSamples"
        Title="ImageButton" Height="300" Width="300">
    <Grid Background="Green">
        <Button VerticalAlignment="Center" HorizontalAlignment="Center"
                ToolTip="Hello!!">
            <Button.Template>
                <ControlTemplate>
                    <local:OpaqueClickableImage Source="./Resources/SomeImage.png"/>
                </ControlTemplate>
            </Button.Template>
        </Button>
    </Grid>
</Window>

这将使工具提示仅在鼠标悬停在图像的非透明区域上时显示。