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

Question

我有以下 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 是包含矢量图像的用户控件。似乎正在发生的事情是图标掩盖了可点击的按钮区域 - 也就是说，我只能点击图标的绘制区域，按钮的背景（虽然仍在按钮的边框内）不可点击。

所以，我的问题是：是什么导致了这种行为，我该如何覆盖它？

Answer 1

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

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

Button template is masking the clickable area of a button

xaml

windows-10

uwp

vector-graphics