如何中心內容的按鈕模板，並保持鼠標事件的空白區域

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點擊測試的整個區域可見，您需要使用Brush初始化其Background屬性。甚至可以是透明的，它將具有與默認null相同的視覺效果。

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