进度条滑动条控件 

  1. 进度条控件
  3. cc.ui.UILoadingBar.new(table)
  4. --[[
  5. 参数 table{
  6.     scale9 boolean类型 表示是否缩放
  7.     canInsets, cc.rect类型 社会图片的缩放区域 避免银缩放导致图片失真
  8.     image string类型 表示进图条图片
  9.     viewRect cc.rect类型 表示显示区域
  10.     percent int 类型 表示初始值进度值 范围0-100
  11.     direction 方向 默认值为左到右 可选参数(1)UILoadingBar.DIRECTION_LEFT_TO_RIGHT (2)UILoadingBar.DIRECTION_RIGHT_TO_LEFT
  12.    }
  13. ]]
  15. -- 示例
  16. local loadBar = cc.ui.UILoadingBar.new({
  17.    scale9 = true,
  18.    capInsets = cc.rect(0,0,10,10),
  19.    image = "loading.png"
  20.    viewRect = cc.rect(0,0,200,32)
  21.    percent = 30
  22. })
  23. :addTo(self)
  25. --更新进度
  26. loadbar:setPercent(percent)
  29. --滑动条控件
  30. cc.ui.UISlider.new(direction,images,options)
  31. --[[
  32. direction 滑动方向display.LEFT_TO_RIGHT  display.TOP_TO_BOTTOM
  34. images table 类型
  35.       {
  36.       bar string类型 滑动条图片资源路径
  37.       button string 类型 滑块图片资源路径
  38.       }
  39. options   table类型
  40.       {
  41.       scale9 boolean 图片可否缩放
  42.       min   number  最小值默认0
  43.       max   number  最大值默认100
  44.       touchInButton boolean  是否只有在触摸在滑块上时才有效 默认为true
  45.       }
  46. ]]
  48. --示例
  49. local images = {
  50. bar = "xxx.png"
  51. button = "xxx.png"
  52. }
  53. cc.ui.UISlider.new(diplay.LEFT_TO_RIGHT,iamges,{scale9 = true})
  54.    :onSliderValueChanged(function(event)  --值改变事件
  55.    valueLabel:setString(string.format("value = %0.2f",event.value))
  56.    print(event.name)
  57.    )
  58.    :onSliderStateChanged(function(event)  -- 状态改变事件
  59.    print(event.name)
  60.    end)
  61.    :onSliderPressed(function(event)       --按下滑动块事件
  62.    print(event.name)
  63.    end)
  64.    :setSliderSize(barWidth,batHeight)     --修改滑动条大小，scale9为true有效
  65.    :align(display.LEFT_BOttom,display.left+40,display.top-80)
  66.    :addTo(self)
  67.  --修改滑动块大小
  68.   UISlider：setSliderSzie(barWidth,batHeight)
  69.  -- 滑动块位置
  70.    UISlider:setSliderValue(value)
  71.    UISlider:getSliderValue(value)
  72.  --事件监听
  73.    -- 状态改变事件  当调用UiSlider:setSliderEnabled(enabled)的时候触发这个小孩，使用 UISlider:isButtonEnabled()可以检测UISlider当前状态
  74.    UISlider:onSliderStateChanged(function(event) print(event.name) end)
  75.    -- 按下滑动块事件
  76.    UISlider:onSliderPressed(function(event) print(event.name) end)
  77.    -- 释放滑块事件
  78.    UISlider:onSliderRelease(function(event) print(event.name) end)
  79.    --值改变事件
  80.    UISlider:onSliderValueChanged(function(event)print(event.name) end)





posted @ 2017-01-04 14:41  feizuzu  阅读(239)  评论(0)  编辑  收藏  举报