90 lines
2.9 KiB
TypeScript
90 lines
2.9 KiB
TypeScript
const { ccclass, property } = cc._decorator;
|
||
|
||
@ccclass
|
||
export default class LongTouchComponent extends cc.Component {
|
||
@property({
|
||
tooltip: "触摸回调间隔（秒）。假如为0.1，那么1秒内会回调10次 ${longTouchEvents} 事件数组"
|
||
})
|
||
touchInterval: number = 0.1;
|
||
|
||
@property({
|
||
type: [cc.Component.EventHandler],
|
||
tooltip: "回调事件数组，每间隔 ${toucheInterval}s 回调一次"
|
||
})
|
||
longTouchEvents: cc.Component.EventHandler[] = [];
|
||
|
||
/**
|
||
* 触摸计数器，用于统计本次长按的回调次数
|
||
*/
|
||
private _touchCounter: number = 0;
|
||
|
||
/**
|
||
* 标记当前是否在触摸这个节点
|
||
*/
|
||
private _isTouching: boolean = false;
|
||
|
||
onEnable() {
|
||
this.node.on(cc.Node.EventType.TOUCH_START, this._onTouchStart, this);
|
||
this.node.on(cc.Node.EventType.TOUCH_END, this._onTouchEnd, this);
|
||
this.node.on(cc.Node.EventType.TOUCH_CANCEL, this._onTouchCancel, this);
|
||
}
|
||
|
||
onDisable() {
|
||
this.node.off(cc.Node.EventType.TOUCH_START, this._onTouchStart, this);
|
||
this.node.off(cc.Node.EventType.TOUCH_END, this._onTouchEnd, this);
|
||
this.node.off(cc.Node.EventType.TOUCH_CANCEL, this._onTouchCancel, this);
|
||
}
|
||
|
||
private _onTouchStart(event: cc.Event.EventTouch) {
|
||
if (this._isTouching) {
|
||
return;
|
||
}
|
||
|
||
if (this.node.getBoundingBoxToWorld().contains(event.getLocation())) {
|
||
this._isTouching = true;
|
||
} else {
|
||
this._isTouching = false;
|
||
}
|
||
|
||
if (this._isTouching) {
|
||
// 第一次触摸立即回调一次
|
||
this.publishOneTouch();
|
||
|
||
// 然后开启计时器，计算后续的长按相当于触摸了多少次
|
||
this.schedule(this._touchCounterCallback, this.touchInterval);
|
||
}
|
||
}
|
||
|
||
private _onTouchEnd(event: cc.Event.EventTouch) {
|
||
this._isTouching = false;
|
||
this._touchCounter = 0;
|
||
this.unschedule(this._touchCounterCallback);
|
||
}
|
||
|
||
private _onTouchCancel(event: cc.Event.EventTouch) {
|
||
this._isTouching = false;
|
||
this._touchCounter = 0;
|
||
this.unschedule(this._touchCounterCallback);
|
||
}
|
||
|
||
private _touchCounterCallback() {
|
||
if (this._isTouching) {
|
||
this.publishOneTouch();
|
||
} else {
|
||
this.unschedule(this._touchCounterCallback);
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 通知出去：被点击/触摸了一次，长按时，会连续多次回调这个方法
|
||
*/
|
||
private publishOneTouch() {
|
||
if (!this._isTouching) {
|
||
return;
|
||
}
|
||
this._touchCounter++;
|
||
this.longTouchEvents.forEach((eventHandler: cc.Component.EventHandler) => {
|
||
eventHandler.emit([this._touchCounter]);
|
||
});
|
||
}
|
||
} |