Quick cocos2dx-Lua(V3.3R1)学习笔记(九) ---- 事件篇之单点触摸事件,让我们用精灵模仿一个按钮吧

本篇就开始讲单点触摸事件,我们在前面用UIPushButton做菜单那篇,就用了触摸事件,只不过我们感觉不出来,我们基本不需要分析触摸消息。这篇我们用一个精灵模仿出按钮效果,加强理解

至于原理,廖大在文档中讲的很清楚,就不赘叙了。

Quick的触摸机制(点我点我(*^__^*))

一般,我们按按钮的时候,总会发现,按钮按下去,按钮会缩小,松开,按钮会恢复原来的大小。

 

function MyScene:ctor()


	local sprite = display.newSprite("Hello.png")     
	sprite:align(display.CENTER,display.cx,display.cy)
	sprite:addTo(self) 

	--下面就是单点触摸的用法
	sprite:setTouchEnabled(true)  						--设置这个精灵是否能触摸
	sprite:setTouchMode(cc.TOUCH_MODE_ONE_BY_ONE)		--触摸模式。我们传进单点触摸模式进去
	sprite:addNodeEventListener(cc.NODE_TOUCH_EVENT, function (event)    --关键,这边就是传事件类型和回调函数,在回调函数中处理消息
		local x, y, prevX, prevY = event.x, event.y, event.prevX, event.prevY 
		    if event.name == "began" then
			sprite:setScale(0.9)
		    elseif event.name == "moved" then
		       -- sprite:setPosition(cc.p(x,y))		       	
		    elseif event.name == "ended" then
		        sprite:setScale(1)  
		    end
		    
	    return true
	end)

end

在代码中,我已经注释好关键的地方了

 

对于这个cc.NODE_TOUCH_EVENT,这是引擎定义好的事件,下面就是cocos2dx 的引擎时间,我们就用的触摸事件

 

-- cocos2dx 引擎级事件
c.NODE_EVENT                 = 0
c.NODE_ENTER_FRAME_EVENT     = 1
c.NODE_TOUCH_EVENT           = 2
c.NODE_TOUCH_CAPTURE_EVENT   = 3
c.MENU_ITEM_CLICKED_EVENT    = 4
c.ACCELERATE_EVENT           = 5
c.KEYPAD_EVENT               = 6

c.NODE_TOUCH_CAPTURING_PHASE = 0
c.NODE_TOUCH_TARGETING_PHASE = 1

  

 

还有一个疑问就是event,我们要如何得知它里面有哪些东西呢,别怕,quick为我们封装了这个函数----dump函数

 

这个函数可以帮我们输出穿进去参数所有内容,当然,如果参数镶嵌层数太深(这个函数默认为3层),你可以在第三个参数穿想要输出多少层。具体用法,自己看源码即可。

我们在回调函数加个dump(event)



好了,看的很清楚。下面查看我们做的简单按钮效果图

 

posted @ 2015-01-09 23:35  二叶  阅读(2092)  评论(0编辑  收藏  举报