cocos2d-lua3.7控件篇(三)-滚动条

Cocos2d-x滚动条使用详解
本文详细介绍了在Cocos2d-x中如何使用滚动条,包括silder组件的监听实现及防止滚动条出界的两种解决方案。一种是通过添加滚动条监听,确保滑块不会超出边界;另一种是在滚动条两侧添加透明背景来达到视觉上的不出界效果。


一、滚动条用法

对于 silder的监听,只会被滑动的时候调用,详细可以看打印。


  

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

function MenuScene:ctor()
    print("ctor")

    local lo_silder = ccui.Slider:create()
            :loadBarTexture("slider/SliderBar.png",0)
            :setScale9Enabled(true)
            :loadSlidBallTextures("slider/SliderButton.png","slider/SliderButton.png","slider/SliderButton.png",0)
            :setPosition(300,100)
            :setContentSize(300,100)
            :setPercent(80)
            :addTo(self)
            :addEventListener(function(ref,eventType)
                print(ref)
                print(eventType)
            end)

end

function MenuScene:onEnter()
end

function MenuScene:onExit()
end

return MenuScene


setContentSize 如果设置九妹 拉伸九妹,没设置就默认拉伸。


二、关于滚动条出位问题


 我们可以使用两种解决方案:

1.添加滚动条的监听,使滑块不出界

2.通过滚动条两边加透明背景到达看着不出界



转载于:https://www.cnblogs.com/hiwoshixiaoyu/p/10034955.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值