按钮模板屏蔽了按钮的可点击区域

Button template is masking the clickable area of a button

我有以下 UWP XAML:

<Button Content="Scan" 
    Command="{Binding CommandScan}" ToolTipService.ToolTip="Scan"
    Style="{StaticResource ButtonIconStyle}">
    <Button.Template>
        <ControlTemplate TargetType="Button">
            <resources:ScanIcon />
        </ControlTemplate>
    </Button.Template>
</Button>

ScanIcon 是包含矢量图像的用户控件。似乎正在发生的事情是图标掩盖了可点击的按钮区域 - 也就是说,我只能点击图标的绘制区域,按钮的背景(虽然仍在按钮的边框内)不可点击。

所以,我的问题是:是什么导致了这种行为,我该如何覆盖它?

您可以尝试单独留下 Button ControlTemplate,并将您的图像插入 ButtonBackground。我的意思是 - 当您只是想覆盖样式时,您不必大刀阔斧。如果您需要 Button 完全符合图像的形状,您可以按照此处所述尝试 DrawingBrushPainting with Images, Drawings, and Visuals