UWP忽略短时间内重复触发的事件

原链接:UWP忽略短时间内重复触发的事件 - 超威蓝火

做移动端开发的可能都会遇到这种需求,当用户点击一个按钮之后,由于没有异步,或者设备性能很差等等原因,程序卡住了。但是用户不知道是咋回事啊,就开始狂点按钮,结果请求很多次资源,或者构造了很多重复视图。安卓上有很多介绍如何忽略重复点击的情况,uwp里我好像还没找到,那接下来就说一说我的方法吧。
首先是官方最常用的,从Windows诞生之初用到现在的,点击按钮之后把他Disable掉,等完成了在Enable。其实这算是最好的选择了,但是总归是麻烦了一些,尤其是在MVVM的时候,每个Button都要单独绑定一个IsEnabled,所以接下来就仿照安卓上的通用处理方法试一下。
首先创建一个类,我们就叫他EventWaiter吧,里面维护一个LastTime,一个IsEnabled,事件可以判断这个IsEnabled来知道,上一次点击和这一次点击的间隔是不是过短,从而决定是否要执行。

public class EventWaiter
{
    private DateTime _lastTime;

    public EventWaiter(double seconds)
    {
        Interval = TimeSpan.FromSeconds(seconds);
    }

    public EventWaiter(TimeSpan interval)
    {
        Interval = interval;
    }

    public EventWaiter()
    {
        Interval = TimeSpan.FromSeconds(0.1d);
    }

    //间隔
    public TimeSpan Interval { get; set; }

    public bool IsEnabled
    {
        get
        {
            if(DateTime.Now - _lastTime > Interval)
            {
                _lastTime = DateTime.Now;
                return true;
            }
            return false;
        }
    }

    public void Reset()
    {
        _lastTime = DateTime.Now;
    }
}

大概用法是这样的:


var waiter = new EventWaiter();

var button = new Button();
button.Click += OnClick;

private void OnClick(object sender,RoutedEventArgs e)
{
    if(waiter.IsEnabled)
    {
        //do something 
    }
}

接下来就是第三种需求了。对于安卓iOS来说,很少有SizeChanged,但是UWP不一样啊,UWP能窗口运行啊,所以在一些要响应SizeChanged,在窗口大小改变的时候做一些很重操作的时候,拖拽窗口就会变得非常卡,所以我现在想忽略拖动窗口的中间过程,只让他响应最后状态。而上面的EventWaiter,是一段时间内只响应第一次事件的触发,和我们的需求是完全反着的。
这时候就要请救星:DispatcherTimer出来了(感谢小竹)。
大致思路呢,按时间顺序叙述,是当原事件触发时,让Timer开始运行;第二次触发事件时判断Timer是否运行,如果正在运行呢,就停掉重新启动,相当于重置了计时器;等Timer第一次跑完,执行Tick的时候停掉Timer,并且激活内部的事件去做真正的操作。
我们再弄个新的类,起个名字叫EventDelayer(原谅我起名困难),里面需要维护一个DispatcherTimer,还要一个事件Arrived负责在最后被触发,和一个Delay()方法,负责进入触发判断。

public class EventDelayer
{
    private DispatcherTimer _timer;

    public EventDelayer(double seconds) : this(TimeSpan.FromSeconds(seconds))
    {
    }

    public EventDelayer(TimeSpan interval)
    {
        _timer = new DispatcherTimer();
        _timer.Tick += _timer_Tick;
        Interval = interval;
    }

    public EventDelayer() : this(0.1)
    {
    }

    public TimeSpan Interval
    {
        get => _timer.Interval;
        set => _timer.Interval = value;
    }

    public bool ResetWhenDelayed { get; set; }

    public void Delay()
    {
        if (!_timer.IsEnabled)
        {
            _timer.Start();
        }
        else
        {
            if (ResetWhenDelayed)
            {
                _timer.Stop();
                _timer.Start();
            }
        }
    }


    private void _timer_Tick(object sender, object e)
    {
        if (_timer.IsEnabled)
        {
            _timer.Stop();
        }
        OnArrived();
    }

    public event EventHandler Arrived;
    protected void OnArrived()
    {
        Arrived?.Invoke(this, EventArgs.Empty);
    }

}

用法大概是这个样子:

var delayer = new EventDelayer();

delayer.Arrived += OnArrived;

this.SizeChanged += OnSizeChanged;

private void OnSizeChanged(object sender, SizeChangedEventArgs e)
{
    delayer.Delay();
}

private void OnArrived(object sender,EventArgs args)
{
    //do something
}

炒鸡完美。github:https://github.com/cnbluefire/ReaderView/tree/master/ReaderView/Common/Helpers

posted on 2018-11-27 10:41 叫我蓝火火 阅读(...) 评论(...) 编辑 收藏

导航