Laya FairyGui系列九 GProgressBar GScrollBar GSlider

进度条（GProgressBar）

点击顶部工具栏创建一个进度条组件，然后按照向导提示一步一步设置资源。

进度条_0.png

注意

• 进度条标题可以选择进度条数据显示类型

• 可以选择反向进度条，进度条是从右向左越来越大。
  点击创建后再左侧资源库中就创建了一个进度条组件，拖动到舞台中就完成实例化了，这个和GButton一样。
  创建完成后再右侧属性栏可以设置进度条的当前值和最大值

  
  
  进度条_1.png
• 进度条使用

//获取组件中的进度条实例
const testProgressBar  = testCom.getChild('n30').asProgress;
//动态设置进度条的最大值
testProgressBar.max = 200;
//设置进度条当前进度
testProgressBar.value = 50;
//缓动设置进度条当前进度
testProgressBar.tweenValue(90,1.0);

滑动条（GSlider ）

游戏开发中的滑动条使用会比较少，有些情况下设置游戏背景音乐大小会使用到。滑动条的创建方法和进度条一样。

滑动条.png

创建完成后同样再右侧属性栏可以设置滑动条的当前值和最大值。

• 滑动条使用

//获取组件中的滑动条实例
const testSlider  = testCom.getChild('n31').asSlider;
//动态设置滑动条的最大值
testSlider.max = 200;
//设置滑动条当前进度
testSlider.value = 50;

滚动条(GScrollBar)

滚动条大多数情况下都是和列表等滚动容器配合使用，不会单独出现。所以创建方法略有不同。
点击菜单栏“资源”->“新建滚动条”，然后按照向导一步一步设置完成创建。

GScrollBar.png

因为滚动条是配合滚动容器使用的，所以不能将滚动条拖动到舞台中，也不会在代码中控制滚动条。GList
中可以使用滚动条。点击列表的溢出处理属性后面的设置按钮打开如图窗口设置滚动条。

GScrollBar_0.png

GScrollBar_1.png