https://img-blog.csdnimg.cn/32db9ce43ef64316a2e37a31f4cee033.gif
编程小鱼酱yu612.com,点击前往

cocos-lua学习笔记(十一)事件分发机制


一、Quick框架的事件按照功能和用途分为:

  • 节点事件
  • 桢事件
  • 键盘事件
  • 加速计事件
  • 触摸时间


节点事件

 Node进入和退出场景时触发,加入一个层或者其他的Node,添加清楚数据,也会触发。

function MainScene:ctor()

    --事件分发机制-节点事件
    local function createTestScene(name)
        local scene = display.newScene(name)
        scene:addNodeEventListener(cc.NODE_EVENT, function(event) printf("node in scene [%s] NODE_EVENT:%s",name,event.name)end)
        return scene
    end
    self:performWithDelay(function ()
        local scene1 = createTestScene("scene1")
        display.replaceScene(scene1)
        scene1:performWithDelay(function ()
            print("-----------")
            local scene2 = createTestScene("scene2")
            display.replaceScene(scene2)
        end, 1.0)
    end, 1.0)
end


帧事件

每一帧会触发

   --事件分发机制-节点事件
    local function createTestScene(name)
        local scene = display.newScene(name)
        scene:addNodeEventListener(cc.NODE_EVENT, function(event) printf("node in scene [%s] NODE_EVENT:%s",name,event.name)end)
        return scene
    end
    self:performWithDelay(function ()
        local scene1 = createTestScene("scene1")
        display.replaceScene(scene1)
        scene1:performWithDelay(function ()
            print("-----------")
            local scene2 = createTestScene("scene2")
            display.replaceScene(scene2)
        end, 1.0)
    end, 1.0)

键盘事件

监听代码如下:


function MainScene:ctor()
   self:setKeypadEnabled(true)
   self:addNodeEventListener(cc.KEYPAD_EVENT, function(event)
    print("test"..event.key)
end
    )
end


加速计事件

手机上接收 x,y,z三个方向重力感应

    cc.Device:setAccelerometerEnabled(true)
    local function accelerometerListener(event,x,y,z,timestamp)
        print("TestAccelerateEvent"..x..y..z..timestamp)
    end
    local listener = cc.EventListenerAcceleration:create(accelerometerListener)
    self:getEventDispatcher():addEventListenerWithSceneGraphPriority(listener, self)


触摸事件

--单点触摸

local MainScene = class("MainScene", function()
    return display.newScene("MainScene")
end)

function MainScene:ctor()
    --触摸事件:单点触摸
    local node = display.newSprite("dog.png")
    node:addNodeEventListener(cc.NODE_TOUCH_EVENT,function ( event )
        printf("Sprite:%s | x = %0.2f | y = %0.2f",event.name,event.x,event.y)
        if event.name == "began" then
            return true
        end
    end)

    self:addChild(node)
    node:setPosition(display.cx+100,display.cy+100)
    node:setTouchEnabled(true)    
    node:setTouchMode(cc.TOUCH_MODE_ONE_BY_ONE)

end

function MainScene:onEnter()
end

function MainScene:onExit()
end

return MainScene





--多点触摸

    --触摸事件:多点触摸
    local node = display.newSprite("dog.png")
        node:addNodeEventListener(cc.NODE_TOUCH_EVENT,function (event)
        for id,point in pairs(event.points) do
            printf("event [%s] | id = %s | x = %0.2f | y = %0.2f",event.name,id,point.x,point.y)
        end
        if event.name == "began" then
            return true
        end
    end)
    self:addChild(node)

    node:setPosition(display.cx+100,display.cy+100)
    node:setTouchEnabled(true)

    node:setTouchMode(cc.TOUCH_MODE_ALL_AT_ONCE)




二、事件的过程

触摸事件吞噬

Node响应触摸后(在began状态返回true,表示要响应触摸),就会阻止事件继续传递给Node的父对象(更下层的Node),成为事件吞噬

setTouchSwallowEnabled()可以改变这个行为,默认为true。如果为false,则事件还会继续传递

isTouchSwallowEnabled()检查Node的吞噬状态

禁用触摸

setTouchEnabled()是否允许Node响应触摸,默认为false。尽管该节点被禁止,不会影响Node的子节点响应

isTouchEnabled()判断是否允许触摸


setTouchCaptureEnabled()检查是否允许Node捕获触摸,默认为true,当设置为false时,该Node及所有的子Node都无法触摸事件

isTouchCaptureEnabled()检查是否允许捕获触摸


setTouchEnabled只影响当前节点

setTouchCaptureEnabled会影响当前及所有子节点

触摸事件的三个阶段

(1)捕获

(2)触发

(3)冒泡


用一个手指触碰屏幕

    1.遍历所有响应的触摸Node,找出显示层级最高,并且触摸区域包含触摸的位置 的那个Node。该Node称为TargetNode(目标Node)

    2.检查targetnode 的isTouchCaptureEnabled结果,返回false则重复(1) 这个阶段叫capturing

    3.在targetnode触发事件,这个阶段叫targeting

    4.返回false,表示targetnode不响应事件,重复步骤(1)开始查找符合条件的Node

   5.targetnode触发事件完毕,检查isTouchSwallowEnabled。如果为true取消bubbling阶段

    6.从targetnode开始往其父node触发事件,直到某个Node返回false或者事件吞噬,这个阶段叫bubbling。



事件冒泡补充:

当事件发生后,这个事件就要开始传播(从里到外或者从外向里)。为什么要传播呢?因为事件源本身(可能)并没有处理事件的能力,即处理事件的函数(方法)并未绑定在该事件源上。例如我们点击一个按钮时,就会产生一个click事件,但这个按钮本身可能不能处理这个事件,事件必须从这个按钮传播出去,从而到达能够处理这个事件的代码中(例如我们给按钮的onclick属性赋一个函数的名字,就是让这个函数去处理该按钮的click事件),或者按钮的父级绑定有事件函数,当该点击事件发生在按钮上,按钮本身并无处理事件函数,则传播到父级去处理。


posted @ 2017-11-27 10:27  鱼酱  阅读(328)  评论(0编辑  收藏  举报

https://img-blog.csdnimg.cn/32db9ce43ef64316a2e37a31f4cee033.gif
编程小鱼酱yu612.com,点击前往