プログレスバーのアニメーションを達成するために、[Unity3D] UGUI画像

免責事項:この記事はブロガーオリジナル記事です、続くBY-SAのCC 4.0を著作権契約、複製、元のソースのリンクと、この文を添付してください。
このリンク: https://blog.csdn.net/q764424567/article/details/100159955

I.はじめに

共有写真今日UGUIは、リソースの非同期ロードとプログレスバーアニメーションの方法を達成するためには、それがロードアニメーションシーンとして使用することができます

ここでの結果を見てです:
ここに画像を挿入説明

第二に、ダウンロード

イメージ・リソース:
ここに画像を挿入説明
プロジェクトリソース:
https://download.csdn.net/download/q764424567/11644403

第三に、チュートリアル

1、最初のセットインタフェース
ここに画像を挿入説明
ここに画像を挿入説明
2は、Imageプロパティを設定し
ここに画像を挿入説明
、プログレスバーを進める進歩を達成するために、塗りつぶしの量を制御するために主に

図3に示すように、ライトコードLoading.cs

using UnityEngine;
using UnityEngine.UI;

public class Loading : MonoBehaviour
{
	//进度条 image
    public Image m_Image;
    //显示的进度文字 100%
    public Text m_Text;
    //控制进度
    float m_CurProgressValue = 0;
    float m_ProgressValue = 100;

    void Update()
    {
        if (m_CurProgressValue < m_ProgressValue)
        {
            m_CurProgressValue++;
        }
        //实时更新进度百分比的文本显示 
        m_Text.text = m_CurProgressValue + "%";
        //实时更新滑动进度图片的fillAmount值  
        m_Image.GetComponent<Image>().fillAmount = m_CurProgressValue / 100f;
        if (m_CurProgressValue == 100)
        {
            m_Text.text = "OK";
            //这一块可以写上场景加载的脚本
        }
    }
}

図4は、スロットにドラッグ
ここに画像を挿入説明

それの効果を見てOKを押しプレイ、

おすすめ

転載: blog.csdn.net/q764424567/article/details/100159955