跳到主要内容

进度条的动态显示

如何实现下图所示的进度条效果呢?

首先在界面编辑器中放置一块panel并添加图片,再在其中放置一个黑色半透明的panel作为遮罩。然后再从组件库中选择默认进度条拖到遮罩的上层,设置progress的进度类型为顺时针,圆角半径为50。

设置progress的过渡动画,在进度改变中选择一条匀速的曲线,时间按需填写。

在触发编辑器中写进度改变所需的触发,及进度为1时设置遮罩panel隐藏,这样就实现了第一张图中的动态效果。

下面详细介绍下实现上述效果所需要的触发语句。

假设卡牌的解锁需要消耗体力,体力在游戏局内每3秒自然回复一点。

首先在服务端创建如下图的自定义事件,设置数值型参数要更新体力为,并勾选自动转发到客户端。

在服务端新建触发器,在动作中执行如下语句。当前体力为预先设置好的全局变量,默认其上限为10,大于10时将不会再自然回复。

在客户端新建触发器,响应服务端传来的事件,执行函数。

此处执行的函数如下图所示,以函数的形式来执行在有多张卡牌,且不同卡牌的体力消耗值各不相同时,能够很好的提高效率。

上述就是让卡牌随着体力值的变化,动态展示解锁进度的实现方式。