如何在Xamarin.Forms中真正避免多按钮同时被点击？

看起来你遇到了多个弹窗同时弹出的问题——快速点击不同按钮时，多个弹窗会叠在一起显示，这确实影响用户体验。我来给你几个实用的解决方案，不管你用的是系统自带的DisplayAlert还是自定义弹窗页面都适用：

方案1：用全局标志位控制弹窗状态 #

核心思路是设置一个布尔变量，标记当前是否有弹窗正在显示。每次点击按钮前先检查这个标志，如果已有弹窗打开，就跳过新的弹窗逻辑；弹窗关闭后再重置标志。

修改后的后台代码示例如下：

// 全局标志位：标记是否有弹窗正在显示
private bool _isPopupActive = false;

private async void Button1Clicked(object sender, EventArgs e)
{
    // 如果已有弹窗，直接返回
    if (_isPopupActive) return;
    
    _isPopupActive = true;
    await DisplayAlert("Popup 1", "This is popup from Button 1", "OK");
    // 弹窗关闭后重置标志
    _isPopupActive = false;
}

private async void Button2Clicked(object sender, EventArgs e)
{
    if (_isPopupActive) return;
    
    _isPopupActive = true;
    await DisplayAlert("Popup 2", "This is popup from Button 2", "OK");
    _isPopupActive = false;
}

private async void Button3Clicked(object sender, EventArgs e)
{
    if (_isPopupActive) return;
    
    _isPopupActive = true;
    await DisplayAlert("Popup 3", "This is popup from Button 3", "OK");
    _isPopupActive = false;
}

方案2：封装通用弹窗方法减少重复代码 #

为了避免每个按钮都写重复的标志检查逻辑，你可以把弹窗逻辑封装成一个通用方法：

private bool _isPopupActive = false;

// 通用弹窗方法
private async Task ShowPopupAsync(string title, string message)
{
    if (_isPopupActive) return;
    
    _isPopupActive = true;
    await DisplayAlert(title, message, "OK");
    _isPopupActive = false;
}

// 按钮点击事件直接调用通用方法
private async void Button1Clicked(object sender, EventArgs e)
{
    await ShowPopupAsync("Popup 1", "This is popup from Button 1");
}

private async void Button2Clicked(object sender, EventArgs e)
{
    await ShowPopupAsync("Popup 2", "This is popup from Button 2");
}

private async void Button3Clicked(object sender, EventArgs e)
{
    await ShowPopupAsync("Popup 3", "This is popup from Button 3");
}

方案3：如果使用自定义弹窗页面（如Rg.Plugins.Popup） #

如果你用的是第三方弹窗库（比如Rg.Plugins.Popup），可以直接检查弹窗栈是否为空：

private async void Button1Clicked(object sender, EventArgs e)
{
    // 检查当前是否有弹窗在栈中
    if (PopupNavigation.Instance.PopupStack.Any()) return;
    
    await PopupNavigation.Instance.PushAsync(new YourCustomPopupPage1());
}

// 其他按钮同理，替换对应的弹窗页面即可

额外优化：弹窗期间禁用所有按钮 #

另一种更直观的方式是，弹窗打开时禁用所有按钮，弹窗关闭后再启用，这样用户根本无法重复点击：

private async void Button1Clicked(object sender, EventArgs e)
{
    // 禁用所有按钮
    DisableAllButtons();
    await DisplayAlert("Popup 1", "This is popup from Button 1", "OK");
    // 弹窗关闭后启用按钮
    EnableAllButtons();
}

// 封装禁用/启用按钮的方法
private void DisableAllButtons()
{
    button1.IsEnabled = false;
    button2.IsEnabled = false;
    button3.IsEnabled = false;
}

private void EnableAllButtons()
{
    button1.IsEnabled = true;
    button2.IsEnabled = true;
    button3.IsEnabled = true;
}

这些方案都能有效解决多个弹窗同时显示的问题，你可以根据自己的项目需求选择最合适的一种~

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