Почему эта кнопка имеет небольшую область функциональности?

Question

У меня есть это, которое ведет себя как кнопка в приложении WPF. На нем есть изображение. Он работает нормально, однако пользователю нужно нажать точно посередине, чтобы получить его функциональность.

Таким образом, изображение покрывает всю «кнопку», которая технически является границей. Тем не менее, пользователи имеют очень маленькое пространство для щелчка. Все края до 20 пикселов от каждого края не работают. Какая у пользователя будет очень маленькое функциональное пространство?

<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:

изображения на границе:

Answer 1

Установите Background от границы до Transparent, чтобы сделать его удачным:

<Border Background="Transparent" ...>