quick-cocos2d-x 使用CCScrollView的问题及解决方法_cocos 2dx ccui.scrollview高度问题-优快云博客

本文链接：https://blog.youkuaiyun.com/longolder/article/details/37109053

在quick-cocos2d-x中使用CCScrollView时，由于触摸机制的差异，会导致底层视图的触摸事件被遮盖以及在滚动视图不可见区域仍能响应点击。为解决这些问题，可以通过添加cc.NODE_TOUCH_CAPTURE_EVENT触摸捕获事件来调整，使其与cocos2d-x的触摸机制保持一致。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于CCScrollView是cocos2d-x的中的控件，在quick-cocos2d-x中并没有对应的UI，由于coco2d-x是触摸基于优先级的，而quick-cocos2d-x是基于层级的，所以CCScrollView的触摸事件与quick-cocos2d-x的触摸机制不同会产生矛盾，会出问题。

1，在使用CCScrollView时，发现CCScrollView所在的视图会覆盖掉在其以下层级的视图的触摸事件：

即是CCScrollView所在的view1视图层级比view2层级高，view2中的button按钮就会接受不到点击事件。

2，点击CCScrollView的不可见区域仍可响应：

即：如果点击ScrollItem：2应该在的位置区域2，区域2不在可见范围，但仍然可以触摸，响应点击事件。

为了解决以上问题，我们只需要对创建的CCScrollView对象再添加一条触摸捕获事件：

	self.scrollView:setTouchEnabled(true)
	self.scrollView:addNodeEventListener(cc.NODE_TOUCH_CAPTURE_EVENT, function(event)
		if event.name == "began" then
			local pos = self.scrollView:convertToNodeSpace(ccp(event.x, event.y))
			if self.scrollView:getBoundingBox():containsPoint(pos) then
				return true
			else
				return false
			end
		end
	end)

以上代码的意思是：给给创建的CCScrollView对象self.scrollView添加一条触摸捕获事件，只有在self.scrollView的可见大小范围之内触摸时，self.scrollView对象及其子对象才能接受到触摸事件，否则不予触摸。于是便可以解决以上两个问题。

注：cc.NODE_TOUCH_CAPTURE_EVENT是quick-cocos2d-x迎合Cocos2d-x的一种做法，目的是与coco2d-x的触摸机制相同，于是用这个触摸捕获事件，可以解决因quick-cocos2d-x的触摸机制不同而带来的问题。