您当前的位置: 首页 >  ui

苍狼王unity学院

暂无认证

  • 0浏览

    0关注

    305博文

    0收益

  • 0浏览

    0点赞

    0打赏

    0留言

私信
关注
热门博文

UGUI_03_补充之_Image的属性_Filled样式(制作技能冷却效果)

苍狼王unity学院 发布时间:2019-08-06 15:52:23 ,浏览量:0

1、制作技能冷却功能,如下所示。 在这里插入图片描述

2、制作过程: 2.1、如下所示,第一层image(1),主要是技能外边框,放上带边框的UI即可,添加上button组件。 在这里插入图片描述

2.2第二层image,放上技能UI即可。 在这里插入图片描述

2.3、第三层Image,也放上同一张技能UI,但是需要设置一下颜色和透明度,将颜色调整为黑色,a值设置为半透明即可, 在这里插入图片描述 2.4编写脚本。 public class SkillItem : MonoBehaviour { public Image fillImage;//遮挡技能的图片 public float timer=0;//计时器。 public float ColdTime=2f;//冷却时间 public Button clickBtn; private bool OpenTime=false;//标志位,表示开始计时。 private void Start() { clickBtn.onClick.AddListener(BtnEvent); } private void Update() { if (OpenTime) { timer += Time.deltaTime; fillImage.GetComponent().fillAmount = (ColdTime - timer) / ColdTime;//当前所剩时间的比例。 if (timer>= ColdTime) { fillImage.GetComponent().fillAmount = 0; timer = 0; OpenTime = false; } } } private void BtnEvent() { OpenTime = true; } }

在这里插入图片描述3、制作冷却技能方法总结: 1)、第一层image上面放置UI技能边框,添加上button组件 2)、第二层image放上带技能的UI 3)、第三层的image上面也放上同样的技能ui,但是需要调节成黑色半透明

关注
打赏
1665389160
查看更多评论
立即登录/注册

微信扫码登录

0.0445s