quick-cocos2d-x UIScrollView使用

ScrollView控件经常被使用,比如说明,帮助等等,它利用裁剪和内部对象本身的位置来实现局部显示功能

quick-cocos2d-x中的使用较为方便,简单的说明一下如何创建一个ScrollView

1 创建一个要显示在ScrollView中的对象

2 创建一个ccNode

3 把要放到ScrollView中的对象先放到ccNode中

4 创建ScrollView对象

5 把ccNode加入到ScrollView中

6 设置ScrollView的回调函数

7 设置/不设置ScrollView的方向(horizontal/vertical/both)

local sp = display.newScale9Sprite("content.png")
sp:setContentSize(300, 200)             -- 要显示对象的大小
sp:pos(720, 460)

local emptyNode = cc.Node:create()
emptyNode:addChild(sp)

local bound = sp2:getBoundingBox()
bound.width = 100
bound.height = 100

--横向 cc.ui.UIScrollView.DIRECTION_HORIZONTAL
--纵向 cc.ui.UIScrollView.DIRECTION_VERTICAL
local scrollview = cc.ui.UIScrollView.new({viewRect = bound})          -- 创建ScrollView,指定裁剪范围
    :addScrollNode(emptyNode)
    --:setDirection(cc.ui.UIScrollView.DIRECTION_HORIZONTAL)
    :setDirection(cc.ui.UIScrollView.DIRECTION_VERTICAL)
    :onScroll(handler(self, self.scrollListener))
    :addTo(self)

由此总结出来 cc.ui.UIScrollView的方法如下:

scrollview:addScrollNode(ccnode)            --添加一个node对象
scrollview:setDirection()                   --设置滚动方向
scrollview:onScroll(handler(obj, obj.fun))  --设置滚动回调函数