ui进阶第七天,触摸事件

一、主要知识点:

1. 4种触摸事件

2. 不接受触摸事件的三种情况

3. 了解响应者链条概念

4. 6种手势识别

5. 摇晃手势的实现，摇晃手势底层需要做的操作

二、iOS 中事件的介绍

1. 触摸事件

2. 加速计事件

3. 远程控制事件

三、响应者对象(UIResponder)

1. 只有继承了UIResponder的对象才能接收并处理事件。我们称之为“响应者对象”

2. 常见的"响应者对象":

- UIApplication

- UIViewController

- UIView

- 以上几个对象都继承自UIResponder, 因此它们都是响应者对象, 都能够接收并处理事件

3. UIResponder类成员简介

4. 触摸事件

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;

* 一根或者多根手指开始触摸view，系统会自动调用这个方法

* 如果两根手指同时触摸一个view, 那么view只会调用一次touchesBegan:withEvent:方法, touches参数中装着2个UITouch对象

* 如果这两根手指一前一后分开触摸同一个view, 那么view会分别调用2次touchesBegan:withEvent:方法, 并且每次调用时的touches参数中只包含一个UITouch对象

- (void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;

* 一根或者多根手指在view上移动，系统会自动调用这个方法（随着手指的移动，会持续调用该方法）

- (void)touchesEnded:(NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;

* 一根或者多根手指离开view，系统会自动调用这个方法

- (void)touchesCancelled:(nullable NSSet<UITouch *> *)touches withEvent:(nullable UIEvent *)event;

* 触摸结束前，某个系统事件(例如电话呼入)会打断触摸过程，系统会自动调用这个方法

5. NSSet 和 NSArray

5.1 NSSet介绍:

1> 无序的、不重复的。存放到 NSSet 中的内容并不会排序与添加顺序也没有关系

2> 通过 anyObject 来访问单个元素

3> 遍历 NSSet 中的每个元素。通过forin循环来遍历

4> 好处: 效率高。

5> 应用场景:

- 比如重用 Cell 的时候, 从缓存池中随便获取一个就可以了, 无需按照指定顺序来获取

- 需要把数据存放到一个集合中, 然后判断集合中是否有某个对象的时候

5.2 NSArray介绍：

1> 有序的、可以有重复对象。对象的顺序是按照添加的顺序来保存的

2> 通过下标来访问

3> 好处: 有序访问

4> 应用场景: 在绝大多数需要依赖顺序的情况下（比如 tableView 的数据源集合，在实际操作中要根据下标来获取对象）

6. UITouch 对象

- 当用户用一根手指触摸屏幕时，会创建一个与手指相关联的UITouch对象

- 一根手指对应一个UITouch对象

- UITouch的作用: 保存着跟本次手指触摸相关的信息，比如触摸的位置、时间、阶段

- 当手指移动时，系统会更新同一个UITouch对象，使之能够一直保存该手指在的触摸位置

- 当手指离开屏幕时，系统会销毁相应的UITouch对象

- 提示: iPhone开发中，要避免使用双击事件！

- UITouch对象的常见属性:

* 触摸产生时所处的窗口

@property(nonatomic,readonly,retain) UIWindow    *window;

* 触摸产生时所处的视图

@property(nonatomic,readonly,retain) UIView      *view;

* 短时间内点按屏幕的次数，可以根据tapCount判断单击、双击或更多的点击

@property(nonatomic,readonly) NSUInteger          tapCount;

* 记录了触摸事件产生或变化时的时间，单位是秒

@property(nonatomic,readonly) NSTimeInterval      timestamp;

* 当前触摸事件所处的状态

@property(nonatomic,readonly) UITouchPhase        phase;

- UITouch对象的常见方法:

* - (CGPoint)locationInView:(UIView *)view;

• 返回值表示触摸在view上的位置

• 这里返回的位置是针对view的坐标系的（以view的左上角为原点(0, 0)）

• 调用时传入的view参数为nil的话，返回的是触摸点在UIWindow的位置

* - (CGPoint)previousLocationInView:(UIView *)view;

• 该方法记录了前一个触摸点的位置

7. UIEvent对象

- 每产生一个事件，就会产生一个UIEvent对象

- UIEvent: 称为事件对象，记录事件产生的时刻和类型

- UIEvent 对象常见属性:

• 事件类型

@property(nonatomic,readonly) UIEventType     type;

@property(nonatomic,readonly) UIEventSubtype  subtype;

• 事件产生的时间

@property(nonatomic,readonly) NSTimeInterval  timestamp;

• UIEvent还提供了相应的方法可以获得在某个view上面的触摸对象（UITouch）

- (nullable NSSet <UITouch *> *)allTouches;

8. 关于触摸事件总结:

* 一次完整的触摸过程，会经历3个状态:

1》触摸开始：- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event

2》触摸移动：- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event

3》触摸结束：- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event

4》触摸取消（可能会经历）：- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event

* 4个触摸事件处理方法中，都有NSSet *touches和UIEvent *event两个参数

* 一次完整的触摸过程中，只会产生一个事件对象，4个触摸方法都是同一个event参数

* 根据touches中UITouch的个数可以判断出是单点触摸还是多点触摸

9. 单点触摸案例: 跟着手指移动的 UIView。

1> 自定义一个 UIView 添加到界面上

2> 在自定义 UIView 的touchesMoved 方法中, 获取当前触摸点（相对于父容器的点）, 让自定义 View 的 center 等于当前触摸点

3> 改造：当用户触摸 控制器的 view 的时候，也让自定义view 跟着走：

思路1：在控制器的 touchesXxxx 方法中获取当前触摸点，让自定义 view 的 center 等于当前触摸点

思路2(做平移, 不是直接跟随)：在控制器的 touchesXxx 方法中获取当前触摸点与前一个触摸点(相对于 self.view 的点)，计算出相对偏移量，让自定义 View的中心点做相应的平移。

思路3：把思路2修改 center 的值，换成修改 transform 的值。 (当使用 transform 的时候只修改 x,不修改y,实现只在某个方向上进行平移)

10. 多点触摸案例:

0> 把控制器 view的背景色变成黑色

1> 重写控制器的 touchesBegan 方法和 touchesMoved 方法

2> 在控制器中添加 images 属性, 在该属性中保存2张 UIImage 图片

3> 在 touchesBegan 方法中:

- 获取每一个触摸对象, 以及每个触摸对象的 location

- 对于每个触摸对象创建一个 UIImageView, 并向其中添加一个 UIImage对象

- 最后把这个 UIImageView 添加到 self.view 中

4> 在 touchesMoved 方法中执行与 touchesBegan 方法中同样的代码

5> 在 touchesEnded 方法中输出当前 self.view 中的 UIImageView 的个数

6> 在每次添加完毕一个 UIImageView 后, 执行一个 alpha = 0的动画, 动画执行完毕从 self.view 中移除这个控件

注意: 一般默认情况下, 控件都不支持多点触摸(为了提高性能), 所以需要手动设置一个 UIView 允许多点触摸

11. 介绍控件不能接受用户交互的情况

* 演示要求:在控制器 view 中创建多个 UIView, 并且为每个 UIView 指定一个自定义 View, 实现 touchesBegan 方法.

* 查看默认情况下 touchesBegan: 事件的触发顺序

1> 控件的userInteractionEnabled = NO 的情况下不能与用户交互。

- 注意: 如果父容器不能与用户交互, 那么在该容器中的所有子控件也不能与用户交互（例如: 添加在 UIImageView 中的按钮）

2> 透明度小于等于0.01, alpha = 0.01

3> 控件被隐藏的时候, hidden = YES

4> 如果子视图的位置超出了父视图的有效范围, 那么子视图也是无法与用户交互的。即使设置了父视图的 clipsToBounds = NO, 可以看到, 但是也是无法与用户交互的

5> 默认情况下, 从控件库中拖拽的 UIImageView 是无法接受用户的触摸事件的

- 演示向 UIImageView 中添加一个按钮, 监听按钮的点击事件。

- UIImageView 默认是不支持多点触摸, 也不响应用户事件的。

- 补充: 直接从媒体库中把图片拖拽进来。通过这种方式拖进来的UIImageView, 默认即支持多点触摸也支持用户交互, 并且图片框大小就是图片的实际大小。

12. 触摸事件产生和传递的过程详解（参考 PPT 27）

* 事件产生和传递过程介绍

* 响应者链条概念引出

* hitTest:方法介绍

* pointInside:withEvent:方法介绍

* 触摸事件：touchesXxxxx方法介绍

13. 支付宝"手势解锁"案例

14. "手势识别"讲解

- 六种手势介绍

- 手势识别的使用方法（步骤）

1》创建手势识别实例

2》设置手势识别属性，例如手指数量，方向等

3》将手势识别附加到指定的视图之上

4》编写手势触发监听方法

- 分别针对每个手势讲解相应的案例

15. "小画板"案例