Unity 制作血量滑动条(Slider)

1.创建UI slider

层级面板点击右键-UI-slider

2.调整UI位置

选择2D视图,调整锚点和滑动条位置

 3.PS中制作UI

导出2个图层,PNG格式。

4.改成精灵模式(sprite2d)

把两个PNG导入Unity仓库中,选中两个图,右上角从切换为sprite

5.选中左边background,修改滑动条背景图

 选中Fill ,修改Sourceimage

6.用脚本把血量的数据赋值给滑动条的value 

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

public class ManagerUI : MonoBehaviour
{
    // 这个脚本主要管理UI
    public Slider oneSlider;
    void Start()
    {
//初始化滑动条的最大数值为10000,这个是为了与另一个脚本的变量保持一致
        oneSlider.maxValue = 10000;
        oneSlider.value = 10000;//这个是滑动条当前的数值,随着这个数值的变化,滑动条自己会滑动
    }

    // Update is called once per frame
    void Update()
    {
        do
        {
            if (oneSlider == null)
            {
                Debug.Log("滑动条为空");
                break;
            }
//从另一个类中拿到血量变量实时赋值给滑动条的当前数值
            oneSlider.value = ScoreManager.CurrentBlood;

        } while (false);
    }
}

你需要另一个类里面的血量变量!附赠另一个管理分数和血量的脚本

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

public class ScoreManager : MonoBehaviour
{
    //分数管理 血量管理
    // 如果撞击到金币就加分,如果撞击到障碍物就掉血

    public static int CurrentScore=0;
    public static int CurrentBlood = 10000;

    private void Start()
    {
        CurrentScore = 0;//初始化
        CurrentBlood = 10000;//初始化
    }

    public  static void ScoreAdd()
    {
        Debug.Log("加分函数开始执行");
        CurrentScore += 10;
        Debug.Log("分:"+CurrentScore);
    }

    public static void SubBlood()
    {
        Debug.Log("掉血函数开始执行");
        CurrentBlood -= 100;
        Debug.Log("血:" + CurrentBlood);
    }

    private void OnGUI()
    {
        Rect oneLableRec = new Rect(100, 100, 50, 50);
        GUILayout.Box(CurrentBlood.ToString(), GUILayout.Width(200), GUILayout.Height(50), GUILayout.ExpandWidth(false)); 
        // 创建另一个矩形框,背景色为红色,边框宽度为3像素
        GUILayout.Box(CurrentScore.ToString(), GUILayout.Width(200), GUILayout.Height(70), GUILayout.ExpandWidth(false));
        GUILayout.TextField("欢迎来到跑酷小将", GUILayout.Width(200), GUILayout.Height(50), GUILayout.ExpandWidth(false));
    }

}

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>