【组件007】滑动条、进度条



  • 滑动条

    滑动条对象是可以快速制作修改游戏参数的功能组件,例如修改音量大小滑动条,买卖物品数量滑动条等等。

    滑动条对象可以拖动设置数值,也可以通过事件来设置数值。

    添加滑动条对象

    在项目库中要选中场景和图层组。

    image.png

    image.png

    在上方顶部快捷栏中,image.png图标就是滑动条对象。这里有两个方法添加,第一鼠标左键直接点击。第二鼠标左键按住拖拽到舞台区域松开左键。

    image.png

    image.png

    添加滑动条对象成功后,在左下方对象库会和舞台中都会出现我们新添加的滑动条对象。在对象库对着滑动条对象右键可以重命名。

    image.png

    image.png

    修改名字后,在对象库双击滑动条对象进入到滑动条对象编辑器或在对象库中选中滑动条对象在右方属性栏点击贴图编辑进入滑动条对象编辑器。

    image.png

    在滑动条编辑器中,我们可以看到滑动条由三个部分组成(背景图,进度条,游标),可以在右侧栏分别修改滑动条背景图图片,进图条图片,进度值,游标等等。

    image.png

    在对象库选中滑动条对象,在右方属性栏可设置滑动条对象显示模式(拉伸和出现),声音。

    image.png

    在项目库或舞台中选中滑动条实例,可设置滑动条实例开始可见,初始值,最大值,最小值,滑动条间隔等属性。
    滑动间隔:这个属性作用拖动滑动条时每拖动一格的数值大小。
    image.png

    滑动条对象事件条件与动作示例

    滑动条对象添加到舞台中后,可以添加事件来设置逻辑让滑动条对象检测滑动条值发生变化,比较进度值等等。

    image.png

    也可以通过事件设置滑动条进度值是否可见,最大值,最小值,进度值等等。

    image.png

    如下图所示例子,在预览中直接拖动游标可以更改滑动条数值,设置事件当滑动条数值发生变化时,数值文本值为滑动条进度值。

    image.png



  • 进度条

    进度条对象可以快速制作例如关卡的进度,生命血量条,魔法能力值等等。

    进度条对象不能拖动设置数值,只能通过事件来设置数值。

    添加进度条对象

    方法与滑动条类似,在项目库中要选中要添加进度条对象的场景和图层组。

    image.png

    image.png

    在上方顶部快捷栏中,image.png图标就是进度条对象。这里有两个方法添加,第一鼠标左键直接点击。第二鼠标左键按住拖拽到舞台区域松开左键。

    image.png

    image.png

    添加进度条对象成功后,在左下方对象库会和舞台中都会出现我们新添加的进度条对象。在对象库对着进度条对象右键可以重命名。

    image.png

    image.png

    修改名字后,在对象库双击进度条对象进入到进度条对象编辑器或在对象库中选中进度条对象在右方属性栏点击贴图编辑进入进度条对象编辑器。

    image.png

    在进度条编辑器中,我们可以看到进度条由三个部分组成(背景图,进度条,游标),可以在右侧栏分别修改进度条背景图图片,进图条图片,进度值,游标等等。

    image.png

    在对象库选中进度条对象,在右方属性栏可设置进度条对象显示模式(拉伸和出现)。

    image.png

    在项目库或舞台中选中进度条实例,可设置进度条实例开始可见,初始值,最大值,最小值等属性。

    image.png

    进度条对象事件条件与动作示例

    进度条对象添加到舞台中后,可以添加事件来设置逻辑让进度条对象检测进度条值发生变化,比较进度值等等。

    image.png

    也可以通过事件设置进度条进度值是否可见,最大值,最小值,进度值等等。

    image.png

    如下图例子所示,系统每隔0.2秒设置进度值为当前值+1.

    image.png

    记得帖子下打卡~有问题可以直接提出哦。