Warum hat diese Schaltfläche einen kleinen Funktionsbereich?

Question

Ich habe das, was sich wie eine Schaltfläche in einer WPF-Anwendung verhält. Es hat ein Bild darauf. Es funktioniert gut, aber der Benutzer muss genau in der Mitte drücken, um seine Funktionalität zu erhalten.

Also deckt das Bild den ganzen "Knopf" ab, der technisch eine Grenze ist. Benutzer haben jedoch nur einen sehr kleinen Platz zum Klicken. Alle Kanten, die bis zu 20 Pixel von jeder Kante entfernt sind, sind nicht funktionsfähig. Aus welchem ​​Grund hat der Benutzer einen sehr kleinen Funktionsraum?

<Border x:Name="previewButton" Margin="0,10" Height="89" Padding="0" MouseDown="previewButton_MouseDown" MouseUp="previewButton_MouseUp" BorderBrush="#FF535151" BorderThickness="1" MouseLeave="previewButton_MouseLeave" TouchDown="previewButton_TouchDown" TouchUp="previewButton_TouchUp" TouchLeave="previewButton_TouchLeave" > 
    <Image Width="50" Source="/EZ3D;component/Resources/old/eye.png" Margin="4.2,0.2,3.4,0.2" /> 
</Border> 

Border:

Bild an der Grenze:

Answer 1

Stellen Sie die Background der Grenze zu Transparent, um es Hit-Test sichtbar machen:

<Border Background="Transparent" ...>