XAML 图像按钮的某些部分没有被点击

Question

我在 XAML 中有以下代码

<Button Tag='{Binding id}' Click="RecordClick">
                                            <Button.Template>
                                                <ControlTemplate>
                                                    <Image Source='./Images/RecordBG.png'  Height="270" Width="270" Margin='15,-5,0,0'/>
                                                </ControlTemplate>
                                            </Button.Template>
                                        </Button>

在 C# 背后的代码中：

private void RecordClick(object sender, RoutedEventArgs e)
        {
            string buttonName = (string)((Button)sender).Tag;

            this.Frame.Navigate(typeof(QRChart),buttonName);
        }

当我单击图像按钮时，某些部分没有被单击。有些部分只是工作。我想知道为什么会发生这种情况以及如何解决这个问题？

Answer 1

我为图像顶部的Texblocks 添加了Tapped 事件。现在它按预期工作了。

Answer 2

尝试将演示者包装在具有设置背景的 Border 元素中。

<ControlTemplate TargetType="{x:Type Button}">
    <Border Background="{TemplateBinding Background}">
    </Border>
</ControlTemplate>

喜欢：

    <Button Tag='{Binding id}' Click="RecordClick">
        <Button.Template>
            <ControlTemplate>
                <Border Background="image here"/></Border>
            </ControlTemplate>
         </Button.Template>
    </Button>