You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
142 lines
4.2 KiB
142 lines
4.2 KiB
import { ryw_Event } from "../../FrameWork/Event/EventEnum";
|
|
import EventMgr from "../../FrameWork/Event/EventMgr";
|
|
import Common5 from "../../Platform/th/Common5";
|
|
|
|
const { ccclass, property } = cc._decorator;
|
|
|
|
@ccclass
|
|
export default class XianSuoMoveTouchScript extends cc.Component {
|
|
|
|
@property(cc.Node)
|
|
showNode: cc.Node = null;
|
|
|
|
@property(cc.Node)
|
|
hideNode: cc.Node = null;
|
|
|
|
@property(cc.Node)
|
|
touchNode: cc.Node = null;
|
|
|
|
@property(cc.Node)
|
|
moveNode: cc.Node = null;
|
|
|
|
@property(cc.ScrollView)
|
|
scrollView: cc.ScrollView = null;
|
|
|
|
@property(cc.Node)
|
|
checkNodes: cc.Node[] = [];
|
|
|
|
private itemInfo = null;
|
|
|
|
// onLoad() {}
|
|
|
|
setTouchNodeIcon(itemInfo) {
|
|
this.itemInfo = itemInfo;
|
|
this.hideNode.active = true;
|
|
this.showNode.active = false;
|
|
console.log(itemInfo.url);
|
|
Common5.getSpriteFrameFromBundle(itemInfo.bandleName, itemInfo.url, this.touchNode.getComponent(cc.Sprite));
|
|
}
|
|
|
|
showTouchNodeIcon() {
|
|
this.hideNode.active = false;
|
|
this.showNode.active = true;
|
|
this.touchNode.active = true;
|
|
|
|
this.node.parent.x = -this.node.x;
|
|
cc.tween(this.showNode)
|
|
.set({ color: cc.Color.YELLOW })
|
|
.delay(0.5)
|
|
.set({ color: cc.Color.WHITE })
|
|
.start();
|
|
}
|
|
|
|
onTouchEvent(checkNodeSet: cc.Node[]) {
|
|
var attrs = {
|
|
checkNodeSet: checkNodeSet,
|
|
recoveposi: this.touchNode.getPosition(),//初始位置
|
|
recoveparent: this.touchNode.parent,
|
|
};
|
|
this.touchNode.attr(attrs);
|
|
this.openTouchEvent(this.touchNode);
|
|
}
|
|
|
|
openTouchEvent(node) {
|
|
node.on(cc.Node.EventType.TOUCH_START, this.touchStartNode, this)
|
|
node.on(cc.Node.EventType.TOUCH_MOVE, this.touchMoveNode, this)
|
|
node.on(cc.Node.EventType.TOUCH_CANCEL, this.touchEndNode, this)
|
|
node.on(cc.Node.EventType.TOUCH_END, this.touchEndNode, this)
|
|
}
|
|
closeTouchEvent(node: cc.Node) {
|
|
node.off(cc.Node.EventType.TOUCH_START, this.touchStartNode, this)
|
|
node.off(cc.Node.EventType.TOUCH_MOVE, this.touchMoveNode, this)
|
|
node.off(cc.Node.EventType.TOUCH_CANCEL, this.touchEndNode, this)
|
|
node.off(cc.Node.EventType.TOUCH_END, this.touchEndNode, this)
|
|
}
|
|
|
|
touchStartNode(event) {
|
|
let target = event.target as cc.Node;
|
|
this.scrollView.enabled = false;
|
|
target.parent = this.moveNode;
|
|
|
|
let posi = event.getLocation()//世界坐标
|
|
posi = target.parent.convertToNodeSpaceAR(posi)
|
|
target.setPosition(posi)
|
|
}
|
|
|
|
touchMoveNode(event) {
|
|
|
|
let posi = event.getLocation()//世界坐标
|
|
let target = event.target
|
|
posi = target.parent.convertToNodeSpaceAR(posi)
|
|
target.setPosition(posi)
|
|
|
|
}
|
|
|
|
touchEndNode(event) {
|
|
let target = event.target;
|
|
this.scrollView.enabled = true;
|
|
|
|
let checkNode = null;
|
|
for (const iterator of target.checkNodeSet as cc.Node[]) {
|
|
if (iterator.active && Common5.checkIntersectsBox(target, iterator)) {
|
|
checkNode = iterator;
|
|
}
|
|
}
|
|
|
|
if (checkNode) {
|
|
target.active = false;
|
|
if (checkNode.XianSuoBarScr) {
|
|
var data_ = {
|
|
xianSuoIndex: this.node.parent.children.indexOf(this.node),
|
|
XianSuoMoveTouchScr: this,
|
|
itemInfo: this.itemInfo,
|
|
};
|
|
checkNode.XianSuoBarScr.addNode(data_);
|
|
}
|
|
}
|
|
|
|
if (target["recoveposi"]) {
|
|
if (target["recoveparent"]) {
|
|
this.nodeMoveToRecovery(target, target["recoveposi"], target["recoveparent"]);
|
|
} else {
|
|
this.nodeMoveToRecovery(target, target["recoveposi"]);
|
|
}
|
|
}
|
|
}
|
|
|
|
nodeMoveToRecovery(node, oldPosi: cc.Vec2, oldParent?: cc.Node, func?: Function) {
|
|
if (!oldParent) {
|
|
oldParent = node.parent;
|
|
}
|
|
cc.tween(node)
|
|
.set({ parent: oldParent })
|
|
.to(0.1, { x: oldPosi.x, y: oldPosi.y })
|
|
.call(() => {
|
|
if (func) {
|
|
func()
|
|
}
|
|
})
|
|
.start()
|
|
}
|
|
|
|
}
|
|
|