.NET MAUI中如何让重叠控件分别响应点击与长按事件？

这个场景确实有点棘手，不过在MAUI里是可以实现的，核心是控制事件的传递逻辑——让点击事件透传到下层的MyCustomView，同时拦截长按事件给上层的操作控件。我给你推荐两个可行的方案，其中第一个最简洁易实现：

方案一：用ContentView替代Button，自定义手势处理 #

Button本身自带默认的点击拦截行为，会干扰事件透传，所以我们可以用ContentView来替代它作为上层覆盖控件，通过手势识别器精准控制事件流向：

XAML代码修改 #

<Grid RowDefinitions="Auto" Columns="*,*">
    <!-- 下层的自定义视图 -->
    <custom:MyCustomView Grid.Column="0" Grid.ColumnSpan="2"/>
    <!-- 上层的覆盖控件，用来响应长按，同时透传点击 -->
    <ContentView Grid.Column="0" 
                 BackgroundColor="Transparent"
                 HorizontalOptions="Start">
        <ContentView.GestureRecognizers>
            <!-- 绑定你的长按命令 -->
            <LongPressGestureRecognizer Command="{Binding YourLongPressCommand}" 
                                        <!-- 可选：调整长按触发的最小时长，默认500毫秒 -->
                                        MinimumPressDuration="500"/>
            <!-- 点击事件不拦截，让下层控件响应 -->
            <TapGestureRecognizer Tapped="OnTapGestureRecognizerTapped" />
        </ContentView.GestureRecognizers>
    </ContentView>
</Grid>

后台代码补充 #

在页面的代码隐藏文件中添加点击事件的处理，标记事件未处理，让它继续向下传递：

private void OnTapGestureRecognizerTapped(object sender, TappedEventArgs e)
{
    // 告诉MAUI这个点击事件还没处理完，继续传给下层的MyCustomView
    e.Handled = false;
}

方案二：自定义Button（适合必须用Button的场景） #

如果你一定要保留Button控件，需要修改它的默认点击行为，避免拦截点击事件：

自定义Button类 #

创建一个自定义Button，重写它的OnClicked方法，让点击事件不被标记为已处理：

public class PassThroughButton : Button
{
    protected override void OnClicked(EventArgs e)
    {
        // 保留Button的视觉反馈，调用基类方法
        base.OnClicked(e);
        // 标记事件未处理，让事件继续传递给下层控件
        var routedEventArgs = e as RoutedEventArgs;
        routedEventArgs?.Handled = false;
    }
}

XAML中使用自定义Button #

然后在XAML中使用这个自定义Button，并添加长按手势：

<Grid RowDefinitions="Auto" Columns="*,*">
    <custom:MyCustomView Grid.Column="0" Grid.ColumnSpan="2"/>
    <local:PassThroughButton Grid.Column="0"  
                             BackgroundColor="Transparent"
                             HorizontalOptions="Start">
        <PassThroughButton.GestureRecognizers>
            <LongPressGestureRecognizer Command="{Binding YourLongPressCommand}" />
        </PassThroughButton.GestureRecognizers>
    </local:PassThroughButton>
</Grid>

注意事项 #

• 确保MyCustomView及其内部的可点击元素的InputTransparent属性为False（默认就是False，除非你手动修改过），这样它们才能接收透传过来的点击事件。
• 后添加到Grid的控件默认ZIndex更高，所以上层的ContentView/Button会自动覆盖在MyCustomView上方，不需要额外设置ZIndex。

备注：内容来源于stack exchange，提问作者Rajzer