Unity3D实现圆环进度条

最新推荐文章于 2024-09-19 20:22:34 发布

转载最新推荐文章于 2024-09-19 20:22:34 发布 · 581 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：https://yq.aliyun.com/articles/63230

文章标签：

#游戏 #ui

本文介绍如何使用Unity3D中的UI组件Image创建圆形进度条，并通过脚本控制其填充进度，演示了如何实现一个简单的动态变化的圆形进度条。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在学Unity3D，看到一个博主做了一个圆环，博客链接如下：
http://blog.youkuaiyun.com/tab_space/article/details/51775163。
自动动手修改了点代码，并多画了两个进度条，比较拙劣，先分享在这里。

主要思路

用一个UI对象Image，导入图片资源，然后设置以下属性.在脚本中，每帧刷新改变Fill Amont属性的值，可以看到进度条变化.

{ 
"ImageType" : "Filled", 
"FillMethod" : "Radial 360",
"FillOrigin" : "Top",
"Clockwise" : False
}

Paste_Image.png

    void Update () {

        if (currentAmout < targetProcess) {
            Debug.Log("currentAmount:" + currentAmout.ToString());
            // 改变Fill Amont属性的值
            currentAmout += speed;
            if(currentAmout > targetProcess)
                currentAmout = targetProcess;
            indicator.GetComponent<Text>().text = ((int)currentAmout).ToString() + "%";
            process.GetComponent<Image>().fillAmount = currentAmout/100.0f;
        }

    }