美文网首页
遮罩的思想做进度条

遮罩的思想做进度条

作者: 吃掉夏天的怪物 | 来源:发表于2017-11-21 14:36 被阅读10次

大圆1作为背景,就是灰色的那一部分

大圆2作为填充背景,蓝色的那一部分。为了实现填充效果,应该把其Type设置为fill,可以拖动FilledAmount观察填充再创建两个Text,一个作为进度数,一个作为说明(Loading Or Done)。

用代码实现控制

对BG附加脚本,这里用public只是方便在面板上调节

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;

public class MyprogressBar : MonoBehaviour
{
   public Transform myProgress;
   public Transform setText;
   public Transform loadingText;
   private float currentAmount = 0;
   public float moveSpeed = 15;
// Update is called once per frame
void Update () {
   if (currentAmount < 100)
  {
       currentAmount += moveSpeed*Time.deltaTime;
       setText.GetComponent<Text>().text = ((int) currentAmount).ToString() + "%";
           setText.gameObject.SetActive(true);
  }
   else
  {
       loadingText.GetComponent<Text>().text = "DONE!";
           setText.gameObject.SetActive(false);
  }
   myProgress.GetComponent<Image>().fillAmount = currentAmount/100;
}
}

emm只是总结一下方便自己看

原教程来自B站:https://www.bilibili.com/video/av12036478/?t=237

相关文章

  • 遮罩的思想做进度条

    思想 首先,用Ps或者其它什么做出一个圆来。 在Unity里复制三份。 大圆1作为背景,就是灰色的那一部分 大圆2...

  • 03、CSS3-UI样式

    一、圆角 二、线性渐变 案例: 进度条 三、径向渐变 四、背景 五、遮罩 作者:西门奄链接:https://www...

  • LayaBox:使用遮罩实现进度条

    一、进度条的实现 第三步:在精度条的遮罩图片下面设置精度条进度图片,宽度随意;

  • 会声会影教你如何用视频遮罩功能

    视频遮罩,顾名思义,肯定是遮罩住原先的视频的意思,这样是不是就很好理解了?在视频制作中也会经常使用到视频遮罩功能。...

  • 视频进度条制作

    1.节点打标记视频分节点,节点处打标记,做好注释2.设置颜色条给整段视频添加一个颜色遮罩,设置进度条颜色。视频开始...

  • 遮罩

    遮罩 其它遮罩

  • Axure实现遮罩效果

    很多时候我们在编辑视频的时候经常需要用到遮罩的效果,一般制作遮罩动画,就是指一个遮罩层同时遮罩多个被遮罩层的遮罩动...

  • 【工具教程集】ZBrush中的实时遮罩

    在ZBrush中有许多遮罩类型,包括柔滑遮罩、反转遮罩,实时遮罩等。其中,实时遮罩又包含很多种类,它不同于一般的遮...

  • Pr19-Premiere特效滤镜:键控-轨道遮罩

    效果-键控-轨道遮罩键:上图形,下背景 文字层在上方:遮罩层 背景层在下方:被遮罩层 给被遮罩层添加“轨道遮罩键”...

  • Bamboy节点进度条 完全自定义 颜色节点均可控(附源码)

    前段时间公司项目需要一个带节点的进度条,本来想偷个懒从网上找一个,结果找了几个都不满意。 要不然就是用遮罩原理,要...

网友评论

      本文标题:遮罩的思想做进度条

      本文链接:https://www.haomeiwen.com/subject/qpqjyxtx.html