xamarin - 如何防止在 Xamarin 表单中快速单击按钮时多次触发事件

Question

快速单击按钮时，如何避免多次调用同一事件。
下面是代码:
我创建了一个自定义委托(delegate)命令，如下所示

查看型号

namespace TestProject.ViewModels
{
    public class TestViewModel 
    {

        public CustomDelegateCommand MenuButtonClickCommand { get; set; }


        public TestViewModel()
        {
          MenuButtonClickCommand = new CustomDelegateCommand (async () => await ShowMenuAction());
        }

        
        private async Task ShowMenuAction()
        {
            //await some stuff
        }
    }
}

CustomDelegateCommand.cs

public class CustomDelegateTimerCommand : DelegateCommand
{
        public CustomDelegateTimerCommand(Action executeMethod, Func<bool> validateMethod, Action onBusy = default(Action)) : base(executeMethod)
        {
            BackgroundTaskWaitHandle = new EventWaitHandle(true, EventResetMode.ManualReset);
            _validateMethod = validateMethod;
            _onBusy = onBusy;
        }

}

我面临的问题是，每当用户快速单击按钮时，菜单列表弹出窗口就会多次打开。
我的项目中有很多命令，我需要一个可以在全局范围内工作的解决方案。
我尝试使用 ObservesCanExecute() 解决如下问题，但我不喜欢为每个命令创建单独变量的想法，因为我的项目中有很多命令并且我不希望按钮进入当 CanExecute = false 时变为禁用状态。

查看型号

MenuButtonClickCommand = new CustomDelegateCommand (async () => await ShowMenuAction().ObservesCanExecute(() => CanExecute );

private async Task ShowMenuAction()
        {
            CanExecute = false;

            //await some stuff

            CanExecute = true;
        }

任何帮助深表感谢!

Answer 1

有2个解决方案。一个是你使用的时候，MVVM 另一个是你不使用的时候。
非 MVVM 解决方案是将方法的执行延迟一定时间，如下所示:

    public class SingleClickListener
{
    private bool hasClicked;
    private Action<object, EventArgs> _setOnClick;
    public SingleClickListener(Action<object, EventArgs> setOnClick)
    {
        _setOnClick = setOnClick;
    }
    public void OnClick(object v, EventArgs e)
    {
        if (!hasClicked)
        {
            _setOnClick(v, e);
            hasClicked = true;
        }
        reset();
    }
    private void reset()
    {
        Android.OS.Handler mHandler = new Android.OS.Handler();
        mHandler.PostDelayed(new Action(() => { hasClicked = false; }), 500);
    }

}

然后当您订阅 onclick 事件时:

                var buttonNa = new Button { Text = "Test Button" };
            buttonNa.Clicked += new SingleClickListener((sender, e) =>
            {

                //DO something
            }).OnClick;

Mvvm 解决方案稍微复杂一些，但并不像 hacky。

            TestCommand = new Command(
            execute: async () =>
            {
                IsEditing = true;
                RefreshCanExecutes();
                //Fire Method
         TestMethod();
            },
            canExecute: () =>
            {
                return !IsEditing;
            });

        public void RefreshCanExecutes()
    {
        (TestCommand as Command).ChangeCanExecute();
    }
        public void TestMethod()
    {
        //DO something
        IsEditing = false;
        RefreshCanExecutes();
    }

显然不要忘记将您的命令绑定(bind)到 xaml :)
第二种解决方案实际上也禁用了按钮，因此用户甚至无法点击它，但第一个解决方案只会忽略进一步的点击，直到时间延迟结束。