Как центрировать содержимое в Button Template и сохранить события мыши в пустой области

Question

Я использую ButtonTemplate, чтобы настроить внешний вид моих кнопок, как так:

<ControlTemplate TargetType="Button"> 
    <Border x:Name="Border" CornerRadius="6" BorderThickness="1"> 
     <ContentPresenter Margin="3" HorizontalAlignment="Center" VerticalAlignment="Center" RecognizesAccessKey="True" ContentSource="Content"/> 
    </Border> 
</ControlTemplate> 

Я хочу центрировать по горизонтали и по вертикали Content, но когда я делаю это, «пустые» области Button не реагируют на Mouse. Когда я использую Stretch, весь Button ведет себя хорошо, но Content выровнен сверху справа.

Как мне это сделать?

Answer 1

Чтобы сделать всю площадь Border хит-теста видимым, вам необходимо инициализировать его Background недвижимостью с помощью Brush. Может быть даже прозрачным, который будет иметь тот же визуальный эффект, что и значение по умолчанию null.

<Border ... Background="Transparent" />