cocos2d-Lua FairyGUI 之 滑动条(七)

进度条

参考: 进度条

注意：

• 进度条的设置支持设定最小值。比如：
  

示例：

local imgBar = view:getChild("imgbar")
imgBar:setMin(100)                    -- 设置进度条最小值
imgBar:setValue(200)                  -- 设置进度条当前值
imgBar:setMax(300)                    -- 设置进度条最大值

--[[
设置标题类型，公有：
PERCENT :  当前进度的百分比
VALUE_MAX : 当前/最大
VALUE : 当前
MAX :  最大
]]
local titleType = fairygui.ProgressTitleType.PERCENT
imgBar:setTitleType(titleType)      

-- 设置动态改变进度值, 接口：tweenValue
local aniBar = view:getChild("aniBar")
aniBar:setValue(50)
local maxValue = 80            -- 最终值
local duration = 0.5           -- 持续秒数
aniBar:tweenValue(maxValue, 5)

滑动条

参考：滑动条

注意：

• 滑动条与进度条类似

示例：

local sliderText = view:getChild("sliderText")
local slider = view:getChild("slider")
slider:addEventListener(fairygui.UIEventType.Changed, function(context)
    sliderText:setText("当前进度:" .. slider:getValue())
end)

效果图：

上一篇：cocos2d-Lua FairyGUI 之 动画(六)
下一篇：cocos2d-Lua FairyGUI 之 组(八)