uwp - 如何断言重叠按钮的点击优先级？

Question

下面这段代码很傻，但它代表了我试图理解的一个概念。有 2 个按钮重叠。当我点击顶部按钮时，只会触发底部按钮的点击事件。有没有办法强制顶部按钮的点击注册而不是重叠区域中的底部按钮？

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Button x:Name="TopButton" Click="TopButton_Click" Content="Top Button" Width="100" Margin="0,0,0,0" HorizontalAlignment="Left"/>
    <Button x:Name="BottomButton" Click="BottomButton_Click" Content="I am the Bottom Button I am very wide" Width="500" HorizontalAlignment="Left" Margin="0,0,0,0"/>
</Grid>

Answer 1

我认为如果您通过首先定义底部按钮或通过设置合适的 Canvas.ZIndex 来指定正确的按钮顺序，它应该会起作用。正如我认为最上面的按钮应该触发(具有最大的 ZIndex)，而且我已经尝试过这应该有效:

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
    <Button x:Name="TopButton" Canvas.ZIndex="1" Click="TopButton_Click" Content="Top Button" Width="100" Margin="0,0,0,0" HorizontalAlignment="Left"/>
    <Button x:Name="BottomButton" Canvas.ZIndex="0" Click="BottomButton_Click" Content="I am the Bottom Button I am very wide" Width="500" HorizontalAlignment="Left" Margin="0,0,0,0"/>
</Grid>

作为旁注 - 将按钮一个放在另一个上可能不是一个好习惯。