UITableView 手势延迟导致 subview 无法完成两次绘制

关注
发布于: 2020 年 05 月 05 日
问题：
在UITableViewCell 中点击自定义View 本来想在touchesBegan和touchesEnd中各触发一次绘制来模拟点击高亮的效果，但只要是快速点击就无法触发高亮效果，从而探究原因。
﻿
解释：
UIScrollView 中默认情况下对TouchesBegan进行了延迟（150ms）用于判断是否进行滑动如果滑动就不将事件传递给子view；由于延迟导致如果点击过快，这时候touchesBegan 和 touchesEnd就紧接着发生。
如果是在touchesBegan和touchesEnd里面都进行了 setNeedsDisplay 操作，标记需要绘制；而两次的间隔时间极小，导致Runloop 只执行一次绘制。换句话说同时标记了两次只有一次标记绘制生效。
﻿
iOS 的屏幕刷新为60FPS，也就是最多每秒发生60次的绘制。 每一帧间隔就是 1000 ms / 60 = 16.66 ms ，当两次的绘制的间隔少于16.6毫秒时无法完成两次绘制只会触发一次绘制。
﻿
探究：
打印tableview默认手势
 for(UIGestureRecognizer *gestureRecognizer in self.tableView.gestureRecognizers) {
      NSLog(@"%@",gestureRecognizer);
 }
如下：
2016-05-19 22:46:29.923 LabelTapDemo[64833:5081332] <UIScrollViewDelayedTouchesBeganGestureRecognizer: 0x7f94e37a2360; state = Possible; delaysTouchesBegan = YES; view = <MyTableView 0x7f94e5033200>; target= <(action=delayed:, target=<MyTableView 0x7f94e5033200>)>>
2016-05-19 22:46:29.924 LabelTapDemo[64833:5081332] <UIScrollViewPanGestureRecognizer: 0x7f94e3452160; state = Possible; delaysTouchesEnded = NO; view = <MyTableView 0x7f94e5033200>; target= <(action=handlePan:, target=<MyTableView 0x7f94e5033200>)>>
可以看到一个UIScrollViewDelayedTouchesBeganGestureRecognizer，这个是私有的手势，在UIKit库中可以看到，查看一下头文件定义
[https://github.com/nst/iOS-Runtime-Headers/blob/master/Frameworks/UIKit.framework/UIScrollViewDelayedTouchesBeganGestureRecognizer.h][1]
﻿
@interface UIScrollViewDelayedTouchesBeganGestureRecognizer : UIGestureRecognizer {
    struct CGPoint {
        float x;
        float y;
    } startSceneReferenceLocation;
    UIDelayedAction *touchDelay;
}
- (void).cxxdestruct;
- (void)resetGestureRecognizer;
- (void)clearTimer;
- (void)dealloc;
- (void)sendDelayedTouches;
- (void)sendTouchesShouldBeginForDelayedTouches:(id)arg1;
- (void)sendTouchesShouldBeginForTouches:(id)arg1 withEvent:(id)arg2;
- (void)touchesBegan:(id)arg1 withEvent:(id)arg2;
- (void)touchesCancelled:(id)arg1 withEvent:(id)arg2;
- (void)touchesEnded:(id)arg1 withEvent:(id)arg2;
- (void)touchesMoved:(id)arg1 withEvent:(id)arg2;
@end
﻿
其中关于手势延迟的处理UIDelayedAction 由这个类实现（是从名字猜想），再找这个UIDelayedAction 看看，在下面
[https://github.com/nst/iOS-Runtime-Headers/blob/master/Frameworks/UIKit.framework/UIDelayedAction.h][2]
﻿
@interface UIDelayedAction : NSObject {
    SEL maction;
    BOOL mcanceled;
    double mdelay;
    NSString mrunLoopMode;
    NSDate mstartDate;
    id mtarget;
    NSTimer mtimer;
    id muserInfo;
}
@property (readonly) BOOL canceled;
@property (readonly) NSDate startDate;
@property (retain) id target;
@property (retain) id userInfo;
- (void).cxxdestruct;
- (BOOL)canceled;
- (id)_startDate;
- (void)cancel;
- (void)dealloc;
- (double)delay;
- (id)init;
- (id)initWithTarget:(id)arg1 action:(SEL)arg2 userInfo:(id)arg3 delay:(double)arg4;
- (id)initWithTarget:(id)arg1 action:(SEL)arg2 userInfo:(id)arg3 delay:(double)arg4 mode:(id)arg5;
- (BOOL)scheduled;
- (void)setTarget:(id)arg1;
- (void)setUserInfo:(id)arg1;
- (id)target;
- (void)timerFired:(id)arg1;
- (void)touch;
- (void)touchWithDelay:(double)arg1;
- (void)unschedule;
- (id)userInfo;
@end
﻿
看到有个NSTimer，估计就是通过这个Timer来计时，然后再延迟传递事件。看到它的初始化方法有delay:(double)arg4 应该就是延迟多少时间了吧。
为了验证这个猜想，想办法hook 一下这两个函数中的其中一个才行。
﻿
@interface UIDelayedActionHook : NSObject
+ (void)hook;
- (id)hookinitWithTarget:(id)arg1 action:(SEL)arg2 userInfo:(id)arg3 delay:(double)arg4 mode:(id)arg5;
@end
@implementation UIDelayedActionHook
+ (void)hook {
    Class aClass = objcgetClass("UIDelayedAction");
    SEL sel = @selector(hookinitWithTarget:action:userInfo:delay:mode:);
    // 为UIDelayedAction增加函数
    classaddMethod(aClass, sel, classgetMethodImplementation([self class], sel), "v@:@@");
    // 交换实现
    exchangeMethod(aClass, @selector(initWithTarget:action:userInfo:delay:mode:), sel);
}
- (id)hookinitWithTarget:(id)arg1 action:(SEL)arg2 userInfo:(id)arg3 delay:(double)arg4 mode:(id)arg5 {
    return [self hookinitWithTarget:arg1 action:arg2 userInfo:arg3 delay:arg4 mode:arg5];
}
void exchangeMethod(Class aClass, SEL oldSEL, SEL newSEL) {
    Method oldMethod = classgetInstanceMethod(aClass, oldSEL);
    assert(oldMethod);
    Method newMethod = classgetInstanceMethod(aClass, newSEL);
    assert(newMethod);
    methodexchangeImplementations(oldMethod, newMethod);
}
﻿
用以上代码在启动应用时调用 [UIDelayedActionHook hook] ; 运行。
发现会调用两次：
﻿
﻿
第一次调用不知道是干啥的，长按手势消失时间？
﻿
﻿
第二次才是我们想要的，确实是和手势
UIScrollViewDelayedTouchesBeganGestureRecognizer 相关的；延迟时间是0.149秒，也就是上面提到的150毫秒，看来确实是这样。
﻿
我在进一步测试，我在自定义的view（次view就是放在UITableViewCell上的）上打印touchesBegan 和 touchesEnded 的间隔时间
- (void)touchesBegan:(NSSet<UITouch > )touches withEvent:(UIEvent )event {
    NSLog(@"%s",func);
    begin = CACurrentMediaTime();
}
- (void)touchesEnded:(NSSet<UITouch > )touches withEvent:(UIEvent )event {
    NSLog(@"%s",func);
    end = CACurrentMediaTime();
    time = end - begin;
    printf("time: %8.2f ms\n", time * 1000);
}
﻿
﻿
发现才间隔0.31ms，离16.7 ms 还差很远呢，所以快速点击时永远都不会触发两次绘制。
也就是因为UIScrollViewDelayedTouchesBeganGestureRecognizer 把事件延迟（150ms）传递给自定义view，而这个时候手指都快要离开屏幕了，随后马上就触发touchesEnded，所以导致间隔时间很短，无法完成两次绘制。
﻿
自定义view放在普通View上时，touchesBegan 和 touchesEnded的时间间隔：
﻿
![8E3932E4-39D8-411D-9102-65624A01D75C.png](http://upload-images.jianshu.io/upload_images/139521-3d67a0d116ecaf36.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
﻿
解决办法：
1.关闭UITableview的手势延迟，（但这种做法不怎么好，因为这样对滑动手势有影响）
2.在自定义的view中延迟执行绘制，相关的条件也要延迟获取（比如：touchesEnded 中获取点击的point等）。
﻿
- (void)touchesEnded:(NSSet<UITouch > )touches withEvent:(UIEvent )event {
    UITouch touch = [touches anyObject];
    double delayInSeconds = .2;
    dispatchtimet popTime = dispatchtime(DISPATCHTIMENOW, (int64t)(delayInSeconds * NSECPERSEC));
    dispatchafter(popTime, dispatchgetmainqueue(), ^(void){
        endPoint = [touch locationInView:self];
        touchPhase = touch.phase;
        [self setNeedsDisplay];
    });
}
﻿
参考资料：
[http://pinka.cn/2015/06/uiwebview的scrollview和渲染机制探究/][7]
﻿
  [1]: https://github.com/nst/iOS-Runtime-Headers/blob/master/Frameworks/UIKit.framework/UIScrollViewDelayedTouchesBeganGestureRecognizer.h
  [2]: https://github.com/nst/iOS-Runtime-Headers/blob/master/Frameworks/UIKit.framework/UIDelayedAction.h
﻿
  [7]: http://pinka.cn/2015/06/uiwebview%E7%9A%84scrollview%E5%92%8C%E6%B8%B2%E6%9F%93%E6%9C%BA%E5%88%B6%E6%8E%A2%E7%A9%B6/
﻿