关于前端:手势事件采集究竟有多难

6次阅读

共计 9785 个字符，预计需要花费 25 分钟才能阅读完成。

手势事件采集是 iOS 点击事件采集的外围性能，手势事件采集实现思路并不简单，然而其中难点较多，本文针对这些难点逐个给出了解决方案。

上面咱们来看看如何在 iOS 中实现手势事件采集。

Apple 提供了 UIGestureRecognizer[1] 相干的类用于解决手势操作，常见的手势如下：

UITapGestureRecognizer：点击；

UILongPressGestureRecognizer：长按；

UIPinchGestureRecognizer：捏合；

UIRotationGestureRecognizer：旋转。

UIGestureRecognizer 类定义了一组公共行为，能够为所有具体的手势识别器配置这些行为。

手势识别器可能对特定视图进行触摸响应，因而须要通过 UIView 的 – addGestureRecognizer: 办法将视图和手势进行关联。

一个手势识别器能够领有多个 Target-Action 对，这些 Target-Action 是互相独立的，手势辨认后会向每个 Target-Action 对发送音讯。

因为每个手势识别器能够关联多个 Target-Action，联合 Runtime 的 Method Swizzling，咱们能够在用户为手势增加 Target-Action 时，再额定增加一个采集事件的 Target-Action 对。

总体流程如图 3-1 所示：

图 3-1 手势事件采集流程

上面咱们来看下具体的代码实现。

Method Swizzling：

(void)enableAutoTrackGesture {
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{

  [UIGestureRecognizer sa_swizzleMethod:@selector(initWithTarget:action:)
                             withMethod:@selector(sensorsdata_initWithTarget:action:)
                                  error:NULL];
  [UIGestureRecognizer sa_swizzleMethod:@selector(addTarget:action:)
                             withMethod:@selector(sensorsdata_addTarget:action:)
                                  error:NULL];

});
}
增加采集事件的 Target-Action：

(void)sensorsdata_addTarget:(id)target action:(SEL)action {
self.sensorsdata_gestureTarget = [SAGestureTarget targetWithGesture:self];
[self sensorsdata_addTarget:self.sensorsdata_gestureTarget action:@selector(trackGestureRecognizerAppClick:)];
[self sensorsdata_addTarget:target action:action];
}
手势事件采集：
(void)trackGestureRecognizerAppClick:(UIGestureRecognizer *)gesture {
// 手势事件采集
…
}
通过 Method Swizzling 咱们可能如愿采集手势事件，但这存在一个问题：零碎的诸多行为也是通过手势进行实现的，同样会被咱们采集，但咱们的初衷是只采集用户增加的手势。

局部公有手势如表 3-1 所示：

1 UIScrollViewKnobLongPressGestureRecognizer UIScrollViewKnobLongPressGestureRecognizer -> UILongPressGestureRecognizer -> UIGestureRecognizer
2 _UIDragAddItemsGesture _UIDragAddItemsGesture -> UITapGestureRecognizer -> UIGestureRecognizer
3 _UIDragLiftGestureRecognizer _UIDragLiftGestureRecognizer -> UILongPressGestureRecognizer -> UIGestureRecognizer
4 _UIDragLiftPointerGestureRecognizer _UIDragLiftPointerGestureRecognizer -> _UIDragLiftGestureRecognizer -> UILongPressGestureRecognizer -> UIGestureRecognizer
5 UIKBProductivitySingleTapGesture UIKBProductivitySingleTapGesture -> UITapGestureRecognizer -> UIGestureRecognizer
6 UIKBProductivityDoubleTapGesture UIKBProductivityDoubleTapGesture -> UITapGestureRecognizer -> UIGestureRecognizer
7 _UIWebHighlightLongPressGestureRecognizer _UIWebHighlightLongPressGestureRecognizer -> UILongPressGestureRecognizer -> UIGestureRecognizer
8 _UISingleFingerTapExtensionGesture _UISingleFingerTapExtensionGesture -> UITapGestureRecognizer -> UIGestureRecognizer
9 WKSyntheticTapGestureRecognizer WKSyntheticTapGestureRecognizer -> UITapGestureRecognizer -> UIGestureRecognizer
10 … …
表 3-1 局部公有手势

如何不采集零碎公有手势事件，成为了亟待解决的问题。

零碎公有手势和公开对外的手势并没有本质区别，都继承或间接继承自 UIGestureRecognizer 类。

当手势被增加了 Target-Action 后，咱们能够通过 Target 对象归属的类所在的 Bundle 判断以后的手势是否是零碎公有手势。

零碎库的 bundle 格局如下：

/System/Library/PrivateFrameworks/UIKitCore.framework
/System/Library/Frameworks/WebKit.framework
开发者的 bundle 格局如下：

/private/var/containers/Bundle/Application/8264D420-DE23-48AC-9985-A7F1E131A52A/CDDStoreDemo.app
实现如下：

(BOOL)isPrivateClassWithObject:(NSObject *)obj {
if (!obj) {
```
  return NO;
```
}

NSString *bundlePath = [[NSBundle bundleForClass:[obj class]] bundlePath];
if ([bundlePath hasPrefix:@”/System/Library”]) {
```
  return YES;
```
}

return NO;
}
这里须要留神的是：该办法不适用于模拟器。

该计划可能辨别是否是零碎公有手势，但当增加的 Target 是 UIGestureRecognizer 实例对象自身时则无奈辨别是否是须要采集的手势事件，因而该计划不可行。

调试时可能发现，大部分零碎公有手势是子类化的，且开发者很少会对手势进行子类化操作，因而咱们能够仅实现对 UITapGestureRecognizer、UILongPressGestureRecognizer 手势的采集，子类化的手势不采集。

咱们在创立 Target 对象时，对手势校验，满足条件的手势返回一个无效的 Target 对象。

(SAGestureTarget _Nullable)targetWithGesture:(UIGestureRecognizer )gesture {
NSString *gestureType = NSStringFromClass(gesture.class);
if ([gesture isMemberOfClass:UITapGestureRecognizer.class] ||
```
  [gesture isMemberOfClass:UILongPressGestureRecognizer.class]) {return [[SAGestureTarget alloc] init];
```
}
return nil;
}

到目前为止，仿佛能够失常实现点击和长按手势的采集了。然而，事实远非如此，还有一些难点须要解决。

场景一：在开发者增加 Target-Action 后，又移除了；

场景二：在开发者增加 Target-Action 后，Target 在某些场景下被开释了；

场景三：尽管仅采集了 UITapGestureRecognizer、UILongPressGestureRecognizer，但仍存在一些零碎公有手势是未子类化的，被谬误采集；

场景四：UIAlertController 点击事件采集须要非凡解决；

场景五：对于局部手势状态须要非凡解决。

针对场景一和场景二，SDK 不该当采集手势事件。然而 SDK 曾经增加了 Target-Action，因而须要在采集时判断除了 SDK 增加的 Target-Action，是否还存在无效的 Target-Action，如果不存在则不该当采集手势事件。

对于 UIGestureRecognizer 零碎并未提供公开的 API 接口获取以后手势所有的 Target-Action。尽管可能通过公有 API‘_targets’获取，然而有可能对客户产生影响。因而咱们通过 hook 相干办法，本人记录 Target-Action 的数量。

新建 SAGestureTargetActionModel 类，用于治理 Target 和 Action：

@interface SAGestureTargetActionModel : NSObject

@property (nonatomic, weak) id target;
@property (nonatomic, assign) SEL action;
@property (nonatomic, assign, readonly) BOOL isValid;

(instancetype)initWithTarget:(id)target action:(SEL)action;
(SAGestureTargetActionModel _Nullable)containsObjectWithTarget:(id)target andAction:(SEL)action fromModels:(NSArray <SAGestureTargetActionModel *>)models;

@end
在 – addTarget:action: 和 – removeTarget:action: 中记录 Target 数量：

(void)enableAutoTrackGesture {
static dispatch_once_t onceToken;
dispatch_once(&onceToken, ^{

  ...
  [UIGestureRecognizer sa_swizzleMethod:@selector(removeTarget:action:)
                             withMethod:@selector(sensorsdata_removeTarget:action:)
                                  error:NULL];

});
}

(void)sensorsdata_addTarget:(id)target action:(SEL)action {
if (self.sensorsdata_gestureTarget) {

  if (![SAGestureTargetActionModel containsObjectWithTarget:target andAction:action fromModels:self.sensorsdata_targetActionModels]) {SAGestureTargetActionModel *resulatModel = [[SAGestureTargetActionModel alloc] initWithTarget:target action:action];
      [self.sensorsdata_targetActionModels addObject:resulatModel];
      [self sensorsdata_addTarget:self.sensorsdata_gestureTarget action:@selector(trackGestureRecognizerAppClick:)];
  }

}
[self sensorsdata_addTarget:target action:action];
}

(void)sensorsdata_removeTarget:(id)target action:(SEL)action {
if (self.sensorsdata_gestureTarget) {

  SAGestureTargetActionModel *existModel = [SAGestureTargetActionModel containsObjectWithTarget:target andAction:action fromModels:self.sensorsdata_targetActionModels];
  if (existModel) {[self.sensorsdata_targetActionModels removeObject:existModel];
  }

}
[self sensorsdata_removeTarget:target action:action];
}
在事件采集时，校验是否满足采集条件：

(void)trackGestureRecognizerAppClick:(UIGestureRecognizer *)gesture {
if ([SAGestureTargetActionModel filterValidModelsFrom:gesture.sensorsdata_targetActionModels].count == 0) {
```
  return NO;
```
}
// 手势事件采集
…
}

针对场景三，神策 SDK 减少了黑名单的配置，通过配置 View 类型来屏蔽这些手势的采集。

{

"public": [
    "UIPageControl",
    "UITextView",
    "UITabBar",
    "UICollectionView",
    "UISearchBar"
],
"private": [
    "_UIContextMenuContainerView",
    "_UIPreviewPlatterView",
    "UISwitchModernVisualElement",
    "WKContentView",
    "UIWebBrowserView"
]

}
在进行类型比拟时，咱们对公开和公有的类型进行了辨别解决:

公开类名应用 – isKindOfClass: 判断；

公有类名应用字符串匹配判断。

(BOOL)isIgnoreWithView:(UIView *)view {
…
// 公开类名应用 – isKindOfClass: 判断
id publicClasses = info[@”public”];
if ([publicClasses isKindOfClass:NSArray.class]) {
```
  for (NSString *publicClass in (NSArray *)publicClasses) {if ([view isKindOfClass:NSClassFromString(publicClass)]) {return YES;}
  }
```
}
// 公有类名应用字符串匹配判断
id privateClasses = info[@”private”];
if ([privateClasses isKindOfClass:NSArray.class]) {
```
  if ([(NSArray *)privateClasses containsObject:NSStringFromClass(view.class)]) {return YES;}
```
}
return NO;
}
4.3. UIAlertController 点击事件采集
UIAlertController 外部是通过手势实现用户交互操作，但其手势所在的 View 并不是用户操作的 View，且在不同的零碎版本中外部实现略有不同。

咱们通过应用不同的处理器来解决这种非凡逻辑。

新建工厂类 SAGestureViewProcessorFactory 来决定应用的处理器：

@implementation SAGestureViewProcessorFactory

(SAGeneralGestureViewProcessor )processorWithGesture:(UIGestureRecognizer )gesture {
NSString *viewType = NSStringFromClass(gesture.view.class);
if ([viewType isEqualToString:@”_UIAlertControllerView”]) {
```
  return [[SALegacyAlertGestureViewProcessor alloc] initWithGesture:gesture];
```
}
if ([viewType isEqualToString:@”_UIAlertControllerInterfaceActionGroupView”]) {
```
  return [[SANewAlertGestureViewProcessor alloc] initWithGesture:gesture];
```
}
return [[SAGeneralGestureViewProcessor alloc] initWithGesture:gesture];
}

@end
而后在具体的处理器中解决差别：

@implementation SALegacyAlertGestureViewProcessor

(BOOL)isTrackable {
if (![super isTrackable]) {
```
  return NO;
```
}
// 屏蔽 SAAlertController 的点击事件
UIViewController *viewController = [SAAutoTrackUtils findNextViewControllerByResponder:self.gesture.view];
if ([viewController isKindOfClass:UIAlertController.class] && [viewController.nextResponder isKindOfClass:SAAlertController.class]) {
```
  return NO;
```
}
return YES;
}
(UIView *)trackableView {
NSArray <UIView *>*visualViews = sensorsdata_searchVisualSubView(@”_UIAlertControllerCollectionViewCell”, self.gesture.view);
CGPoint currentPoint = [self.gesture locationInView:self.gesture.view];
for (UIView *visualView in visualViews) {
```
  CGRect rect = [visualView convertRect:visualView.bounds toView:self.gesture.view];
  if (CGRectContainsPoint(rect, currentPoint)) {return visualView;}
```
}
return nil;
}

@end

@implementation SANewAlertGestureViewProcessor

(BOOL)isTrackable {
if (![super isTrackable]) {
```
  return NO;
```
}
// 屏蔽 SAAlertController 的点击事件
UIViewController *viewController = [SAAutoTrackUtils findNextViewControllerByResponder:self.gesture.view];
if ([viewController isKindOfClass:UIAlertController.class] && [viewController.nextResponder isKindOfClass:SAAlertController.class]) {
```
  return NO;
```
}
return YES;
}
(UIView *)trackableView {
NSArray <UIView *>*visualViews = sensorsdata_searchVisualSubView(@”_UIInterfaceActionCustomViewRepresentationView”, self.gesture.view);
CGPoint currentPoint = [self.gesture locationInView:self.gesture.view];
for (UIView *visualView in visualViews) {
```
  CGRect rect = [visualView convertRect:visualView.bounds toView:self.gesture.view];
  if (CGRectContainsPoint(rect, currentPoint)) {return visualView;}
```
}
return nil;
}

@end

手势识别器是由状态机驱动的，默认状态是 UIGestureRecognizerStatePossible，示意曾经筹备好开始处理事件。

状态之间的转换如图 4-1 所示：

图 4-1 手势状态转换[2]

针对全埋点，无论手势状态是 UIGestureRecognizerStateEnded 还是 UIGestureRecognizerStateCancelled 都该当采集手势事件：

(void)trackGestureRecognizerAppClick:(UIGestureRecognizer *)gesture {
if (gesture.state != UIGestureRecognizerStateEnded &&
```
  gesture.state != UIGestureRecognizerStateCancelled) {return;
```
}
// 手势事件采集
…
}

@end

本文介绍了 iOS 手势事件采集的一种具体实现形式，同时也介绍了针对局部难点是如何进行解决的。更多细节可参考神策 iOS SDK 源码[3]，如果大家有更好的想法，欢送退出开源社区一起探讨。

参考文献
[1]https://developer.apple.com/d…

[2]https://developer.apple.com/d…

[3]https://github.com/sensorsdat…

正文完

前端

发表至：前端

2021-08-16

0

关于前端:揭秘-Rollup-Tree-Shaking

关于前端:React-Native-热更新实践

关于前端:前端-Website-的-sitemapxml-文件和搜索引擎优化

关于前端:javascript设计模式简单工厂模式

关于linux:Linux云计算使用-MyCat-实现-MySQL-主从读写分离

关于前端:手势事件采集究竟有多难

1. 前言

2. 手势介绍

3. 采集计划

3.1. 屏蔽零碎公有手势

3.2. 仅采集点击和长按手势

4. 难点攻克

4.1. 治理 Target-Action

4.2. 黑名单

pragma mark – 适配 iOS 10 以前的 Alert

pragma mark – 适配 iOS 10 及当前的 Alert

4.4. 解决手势状态

5. 总结

站内搜索