07 ScrollView 滚动视图

概述ScrollView 滚动视图 看看效果图： 代码： -- 来一个sprite 当容器背景local scrollViewBack = cc.Sprite:create("image/back2.png")scrollViewBack:setAnchorPoint(0,0) local scrollView = cc.ScrollView:create()scrollView:s

ScrollVIEw 滚动视图

看看效果图：

代码：

--  来一个sprite 当容器背景local scrollVIEwBack = cc.Sprite:create("image/back2.png")scrollVIEwBack:setAnchorPoint(0,0)    local scrollVIEw = cc.ScrollVIEw:create()scrollVIEw:setposition(winSize.wIDth/2-500,winSize.height/2-200)self:addChild(scrollVIEw)        -- setContentSize 和 setContainer  都是 设置真实区域的大小（也可以理解为容器大小） 包括不可见部分    -- setContainer: 设置容器，可以根据一个node设置背景内容和真实区域的大小，没有设置的情况下 默认是个node（大小貌似是200*200） scrollVIEw:setContainer(scrollVIEwBack)       -- setContentSize:  设置大小，不改变容器本身内容，但是设置了真实区域的大小scrollVIEw:setContentSize(cc.size(1920,640))    scrollVIEw:setVIEwSize(cc.size(1000,400))       --设置可见部分的大小scrollVIEw:setBounceable(false)                 --设置是否回d        for i=1,5 do    local img = cc.Sprite:create("image/"..tostring(i)..".png")    img:setposition(220*(i-1)+500,200)    scrollVIEw:addChild(img)end       --设置 滑动 方向scrollVIEw:setDirection(cc.SCRolLVIEW_DIRECTION_HORIZONTAL)--  cc.SCRolLVIEW_DIRECTION_NONE--  cc.SCRolLVIEW_DIRECTION_HORIZONTAL<span >	--水平--  cc.SCRolLVIEW_DIRECTION_VERTICAL<span >	--垂直--  cc.SCRolLVIEW_DIRECTION_BOTH   

local function scrollVIEwEvent()    --print("滚动")    --  可以获取当前滑动的百分

    --  <span >滑动量               --两种写法</span>

  --local offsetX = scrollVIEw:getContainer():getpositionX()  local offsetX = scrollVIEw:getContentOffset().x     -- 总长度 - 可视长度   --两种写法  --local lenth = scrollVIEw:getContainer():getContentSize().wIDth - scrollVIEw:getVIEwSize().wIDth  local lenth = scrollVIEw:getContentSize().wIDth - scrollVIEw:getVIEwSize().wIDth     print( offsetX / lenth * -100)

end

scrollVIEw:setDelegate() --开启代理 没开启则回调无效

--设置回调

--设置滚动时候回调scrollVIEw:registerScriptHandler(scrollVIEwEvent,cc.SCRolLVIEW_SCRIPT_SCRolL)

还有一些其他的接口：

--  设置内容的偏移       参数2 是否开启动画--  setContentOffset(cc.p(x,y),bool animated) --  设置内容的偏移       参数2 时间--  setContentOffsetInDuration(Vec2 offset,float dt)--  getContentOffset()    --  设置缩放        参数 缩放比例       是否开启动画    （设置缩放不知道是BUG还没修正还是自己代码没写对，没有效果）--  setZoomScale(float s)   参数 缩放比例--  setZoomScale(float s,bool animated)    参数 缩放比例       是否开启动画 --  setZoomScaleInDuration(float s,float dt    )参数 缩放比例       动画时间--  local function scrollVIEwEvent2()        --print("ZOOM")--  end--  设置回调--  设置缩放时候回调--  scrollVIEw:registerScriptHandler(scrollVIEwEvent2,cc.SCRolLVIEW_SCRIPT_ZOOM)

总结

以上是内存溢出为你收集整理的07 ScrollView 滚动视图全部内容，希望文章能够帮你解决07 ScrollView 滚动视图所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。