主站
首页
案例中心
UI编辑 - 技能按钮冷却时间
UI编辑 - 技能按钮冷却时间
浩然 更新时间: 2022-07-12 17:59:21

前提

1. 对迷你的UI有简单的了解

2. 对迷你的触发器有简单的了解

 

需求

自定义一个技能UI使用后,进入冷却时间,冷却时间内,不可以再次点击,冷却完成后,可以再次使用,一次反复。

 

解答

主要利用了UI结合触发器,进行元件的显隐控制,文本元件内容设置,还有倒计时器的使用。

 

步骤

1. 场景搭建

一个空白的场景(带技能按钮的UI界面,UI的制作,请接着往下看)

 

2. UI制作

UI中添加了一个蓝色圆形按钮,按钮上添加文字,内容为治疗。(蓝色按钮属性设置中被命名为治疗)

 

在蓝色圆形按钮上方放置一个灰白色按钮,按钮上添加文字,内容为10。(10为技能冷却最大时长;灰白按钮属性设置中被命名为治疗冷却中;文字元件被命名为冷却剩余时间)

 

UI中层级关系见下图(点击左上角层级就可以查看,将治疗冷却中按钮设置为隐藏)

 

3. 触发器设置

注意:触发器必须到UI中设置

新建私有计时器,命名为治疗冷却计时

 

触发器1 任意玩家进入游戏时,使玩家打开当前界面

 

触发器2 当治疗按钮被点击时,隐藏治疗按钮;显示治疗冷却中按钮;启动玩家的私有计时器治疗冷却倒计时器,倒数10,不重复;给玩家添加一个恢复生命状态,3秒,不重复。

 

触发器2 详情

 

触发器3 游戏每运行1秒,对所有玩家分别执行触发器4和5,条件为真。

 

触发器4 玩家治疗冷却计时器时间不等于0的时候,修改玩家冷却剩余时间元件的文本内容为N。(N为玩家技能治疗冷却计时器的时间)

 

触发器4 详情

 

触发器4 详情

 

触发器5 玩家治疗冷却计时器时间等于0的时候,隐藏治疗冷却中按钮;显示治疗按钮;

 

触发器5 详情

 

触发器6 治疗冷却中按钮被点击时,飘窗提示玩家:技能冷却中

 

4. 切换到玩法模式

界面上显示了蓝色治疗按钮

 

点击蓝色治疗按钮后,玩家添加了3秒回血状态,按钮变成了白色,并出现了倒计时。点击白色按钮,会飘窗提示:技能冷却中。

 

10秒倒计时结束后,变成了蓝色的治疗按钮。

 

总结

使用UI结合触发器,可以控制UI中元件显示和隐藏,并可以设置文本的内容

 

站点有内容要更新是否更新。
更新
忽略