Unity进度条简单制作(两个Image搞定)

  • Post author:
  • Post category:其他

  1. 首先在unity创建一个新项目
    在这里插入图片描述
  2. 创建一个panel,在panel中创建两个相同大小的Image
    在这里插入图片描述
    3.在子Image中设置一张精灵图,并且设置颜色,父Image也同样设置颜色
    在这里插入图片描述
    4.将图像类型设置为“已填充”,填充方法设置为“水平”
    在这里插入图片描述
    5.设置完毕后创建一个脚本文件,代码如下

```csharp
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class ProgressImage : MonoBehaviour
{
    public Image image;

    // Start is called before the first frame update
    void Start()
    {
        StartCoroutine(ImageUpdate());
    }

    IEnumerator ImageUpdate()
	{
        float value = 0;
        while (value <= 1)
		{
            yield return new WaitForSeconds(0.1f);
            value += 0.01f;
            image.fillAmount = value;
		}
	}

    // Update is called once per frame
    void Update()
    {
        
    }
}

6.将脚本文件拖到panel上挂载
在这里插入图片描述
7.最后一步要指定子Image…这个好坑啊…(将子Image拖动到脚本中指定即可)
在这里插入图片描述


版权声明:本文为weixin_46005137原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。