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，然后将图片插入Background Button。我的意思是 - 当你想要改写风格时，你不必射击大枪。如果您需要Button完全符合图片的形状，可以尝试DrawingBrush，如下所述：Painting with Images, Drawings, and Visuals

按钮模板正在屏蔽按钮的可单击区域

1 个答案: