1. 多点触摸 (2.2.6)
1.1 多点触摸的基础使用
简化流程：
- 开启触摸
- 选择触摸模式
- 设置触摸监听事件
详细代码：
self.sprite:setTouchEnabled(true)
self.sprite:setTouchMode(cc.TOUCH_MODE_ALL_AT_ONCE) -- 多点
--self.sprite:setTouchMode(cc.TOUCH_MODE_ONE_BY_ONE) -- 单点（默认模式）
event.name为触摸事件的状态：began,moved,ended,cancelled,added（仅限多点触摸）,removed（仅限多点触摸）多点触摸时，
event.points保存的为多个触摸点，所以需要遍历每个触摸点来对触摸点进行特殊化处理
self.sprite:addNodeEventListener(cc.NODE_TOUCH_EVENT, function(event)
if event.name == "began" or event.name == "added" then
self.touchIndex = self.touchIndex + 1
for id, point in pairs(event.points) do
--对每个点进行处理
end
elseif event.name == "moved" then
for id, point in pairs(event.points) do
end
elseif event.name == "removed" then
for id, point in pairs(event.points) do
self.cursors[id]:removeSelf()
self.cursors[id] = nil
end
else
for _, cursor in pairs(self.cursors) do
cursor:removeSelf()
end
self.cursors = {}
end
end
1.2 保证触摸在矩形范围内才有效
- 给当前精灵绘制一个矩形区域
- 取得矩形区域
- 判断触摸点是否在矩形区域
详细代码如下：
画出矩形范围，加入父节点
function drawBoundingBox(parent, target, color)
local cbb = target:getCascadeBoundingBox()
local left, bottom, width, height = cbb.origin.x, cbb.origin.y,
cbb.size.width, cbb.size.height
local points = {
{left, bottom},
{left + width, bottom},
{left + width, bottom + height},
{left, bottom + height},
{left, bottom},
}
local box = display.newPolygon(points, 1.0)
box:setLineColor(color)
parent:addChild(box, 1000)
end
取得矩形并且判断触摸点是否在矩形内
local rect = self.sprite:getBoundingBox()
if rect:containsPoint(cc.p(point.x, point.y)) then
-- 检查触摸点的位置是否在矩形内
end
1.3 触摸捕获事件
什么是触摸捕获事件
它是触摸事件的第一个阶段，如果事件返回结果为false，就不触发触摸事件
触摸捕获事件的性质
- 触摸捕获事件是默认开启的
setTouchCaptureEnabled(true) - 触摸捕获事件优先级高于触摸事件，并且有权不分发给触摸事件响应
触摸捕获事件的流程
-
遍历所有响应触摸的节点，找出显示层级最高(
zOrder高到低)，并且其触摸区域包含触摸位置的节点Node，标记为TargeNode - 检查TargeNode是否有开启触摸捕获，如果返回false，重复1
- 从TargeNode的根节点(一般为Sence)开始，检查
cc.NODE_TOUCH_CAPTURE_EVENT事件的返回结果，任何一个节点返回false都会阻止事件在TargeNode上触发。重复123
以下是cc.NODE_TOUCH_CAPTURE_EVENT的事件监听
self.button2:addNodeEventListener(cc.NODE_TOUCH_CAPTURE_EVENT, function(event)
printf("%s %s [CAPTURING]", "button2", event.name)
return true
end)
1.4 触摸事件的流程
触摸事件分为三个阶段：capturing(捕获) targeting(触发) bubbling(冒泡或传递)
触发流程
在TargetNode上触发事件，响应自己的触摸事件，如began，moved，ended等
冒泡流程
在TargetNode完成事件响应后，检查它是否将触摸吞噬(isTouchSwallowEnabled())，如果有，就不再将事件往下传递
1.5 禁用触摸
如果禁用某个节点的触摸事件，它的子节点仍旧响应触摸。所以如果当我们需要禁止对话框中的所有 Node 响应触摸，那么就要禁止对话框 Node 捕获事件(setTouchCaptureEnabled(false))
