Unity 实现Image中Fill Amount的平滑增减效果(进度条为例)

在游戏开发过程中,难免会遇到进度条的制作。这里我新建个场景从头做个简化版的。

1、准备工作。

在Unity中创建一个简单的UI界面。
就像这样:
就看Canvas里的就行了
其中imgBG和imgFillAmount的尺寸要相同。
修改imgFillAmount的属性:(将Image Type改成Filled,记得要在Source Image中加入Sprite)

在这里插入图片描述
可以看到FillAmount属性是个从0到1的值,拖动就可以看到效果。
最后创建个Test脚本挂载到imgFillAmount上准备工作就做好了。

2、思路:在规定时间内使用Mathf.Lerp方法获取到FillAmount中0到1的所有值。

①、这里我简单说一下我对Mathf.Lerp的理解。举个例子:

Mathf.Lerp(0, 1, 0.5f);

一句话概括就是在0到1之间得到0.5这个值,即这行代码所得的值为0.5。

②、然后我再简单介绍一下这个小计时器,以代码为例:

//初始时间
  float timer = 0;
  //预设一个时间
  float duration = 1;

  void Timer()
  {
    //通过
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值