ui进阶第七天,触摸事件

来源:互联网 发布:数字互动沙盘软件 编辑:程序博客网 时间:2024/05/21 01:29

一、主要知识点:

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参数中装着2UITouch对象

* 如果这两根手指一前一后分开触摸同一个view,那么view会分别调用2touchesBegan: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 *touchesUIEvent *event两个参数

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

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




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. "小画板"案例











0 0
原创粉丝点击