如何阻止MAUI中GestureRecognizer多次触发Tapped事件

方案一：使用锁保证原子性判断 #

之前的volatile bool无法保证多线程下的原子性操作，导致仍有概率出现多次进入执行的情况。可以通过锁包裹状态判断和设置逻辑，确保只有第一个请求能进入执行流程：

private readonly object _lockObj = new object();
private bool _isLoading;

private async void HandleBorderTapped(object sender, TappedEventArgs e)
{
    lock (_lockObj)
    {
        if (_isLoading)
            return;
        _isLoading = true;
    }

    try
    {
        await LoadSomeDataAsync().ConfigureAwait(true);
        await Shell.Current.GoToAsync("AnotherContentPage").ConfigureAwait(true);
    }
    finally
    {
        lock (_lockObj)
        {
            _isLoading = false;
        }
    }
}

• 用lock包裹状态判断与设置，确保同一时间只有一个线程能修改_isLoading
• finally块中重置状态，避免异常导致后续点击无法触发

方案二：直接禁用手势识别器 #

点击触发后立即禁用TapGestureRecognizer，操作完成后再重新启用，从源头阻止重复触发：

XAML部分 #

<Border>
  <Border.GestureRecognizers>
    <TapGestureRecognizer x:Name="BorderTapGesture" Tapped="HandleBorderTapped"/>
  </Border.GestureRecognizers>
</Border>

代码部分 #

private async void HandleBorderTapped(object sender, TappedEventArgs e)
{
    BorderTapGesture.IsEnabled = false;

    try
    {
        await LoadSomeDataAsync().ConfigureAwait(true);
        await Shell.Current.GoToAsync("AnotherContentPage").ConfigureAwait(true);
    }
    finally
    {
        BorderTapGesture.IsEnabled = true;
    }
}

• 这种方式最直接，禁用后手势识别器不会响应任何点击
• finally块保证即使加载数据出错，手势识别器也能恢复可用

方案三：使用ICommand的CanExecute机制（MVVM模式推荐） #

如果采用MVVM架构，通过Command的CanExecute状态控制是否允许执行，是更优雅的方式。可以使用CommunityToolkit.Mvvm提供的AsyncRelayCommand简化开发：

ViewModel部分 #

using CommunityToolkit.Mvvm.Input;

public class YourViewModel
{
    public IAsyncRelayCommand NavigateCommand { get; }
    private bool _isNavigating;

    public YourViewModel()
    {
        NavigateCommand = new AsyncRelayCommand(ExecuteNavigateCommand, () => !_isNavigating);
    }

    private async Task ExecuteNavigateCommand()
    {
        try
        {
            _isNavigating = true;
            NavigateCommand.NotifyCanExecuteChanged();

            await LoadSomeDataAsync().ConfigureAwait(true);
            await Shell.Current.GoToAsync("AnotherContentPage").ConfigureAwait(true);
        }
        finally
        {
            _isNavigating = false;
            NavigateCommand.NotifyCanExecuteChanged();
        }
    }
}

XAML部分 #

<Border>
  <Border.GestureRecognizers>
    <TapGestureRecognizer Command="{Binding NavigateCommand}"/>
  </Border.GestureRecognizers>
</Border>

• AsyncRelayCommand的第二个参数是CanExecute的判断逻辑，当_isNavigating为true时，命令不可执行
• 执行前后通过NotifyCanExecuteChanged更新状态，UI会自动响应是否允许点击

方案四：使用SemaphoreSlim限制并发 #

SemaphoreSlim是专门用于异步场景的信号量工具，可以限制同时执行的线程数为1：

private readonly SemaphoreSlim _semaphore = new SemaphoreSlim(1, 1);

private async void HandleBorderTapped(object sender, TappedEventArgs e)
{
    // 尝试获取信号量，0毫秒等待时间，拿不到直接返回
    if (!await _semaphore.WaitAsync(0))
        return;

    try
    {
        await LoadSomeDataAsync().ConfigureAwait(true);
        await Shell.Current.GoToAsync("AnotherContentPage").ConfigureAwait(true);
    }
    finally
    {
        _semaphore.Release();
    }
}

• WaitAsync(0)会立即判断是否能拿到信号量，避免阻塞线程
• 只有第一个请求能拿到信号量执行后续逻辑，其他请求直接返回

内容的提问来源于stack exchange，提问作者Zerachiel