UGUI之Slider使用，制作血條

用Slider來控制Cube旋轉

Slider是滑動條。

效果：

 

就是就是獲取Slider的value值。但這里我們用動態改變

先看看Slider的事件：

當改變value的時候觸發。

現在寫代碼

using UnityEngine;
using System.Collections;

public class cube : MonoBehaviour
{

    public float speed;

    // Use this for initialization
    void Start()
    {

    }

    // Update is called once per frame
    void Update()
    {
        transform.Rotate(Vector3.up * Time.deltaTime * speed);
    }

    public void c(float i)
    {
        speed = i;
    }
}

 

public void c(float i)就的動態改變值。這里參數類型必須是float，

你會發現 “Dynamic float”下面顯示了方法名

 

 

 

仔細觀察。你會發現。Button對象會有Button組件。同樣Slider也會有Slider組件

 

 

所以。slider組件可以添加到任何對象上。當對象添加了slider組件。那么該對象就有滑動功能了。如果用UGUI自帶的slider對象來做血條是可以實現。但效果並不優美。所以可以用美工處理好的圖片來做血條

 

比如：

 

可以看出來。這里有3張圖片。

1：底圖（Image1）

2：背景圖片（background）

3：前景圖片（Fill）

 

 

給Image1對象添加Slider組件，把Fill拖拽到Fill Rect

 

把Fill中的Image組件修改

 

這樣就能從右像左移動

還需要取消鼠標跟Image1的交互。既不能用鼠標修改。只能通過代碼修改Value的值

 

這樣就完成了血條的UI。然后就是代碼修改血條的血量了

 

游戲中血條都會慢慢減少。有一個緩動效果。慢慢過渡

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using UnityEngine;
using UnityEngine.UI;
/// <summary>
/// 進度條緩動效果
/// </summary>
public class progressbarSlow : MonoBehaviour
{
    //private static progressbarSlow instance;


    //public float maxVlaue;
    // public int v;
    // public int initVlue;
    public int targetValue; //
    //public float smooting = 2;

    public static Slider slider;

    public bool start;

    //public static progressbarSlow Instance
    //{
    //    get
    //    {
    //        if (instance == null)
    //            instance = new progressbarSlow();

    //        return instance;
    //    }
    //}

    //private progressbarSlow() { }


    public delegate void CallBack();
    public CallBack back;
    public float timer = 1;

    Image fill;


    //停止
    public float stop;


    //執行次數
    public int index = 1;

    void Awake()
    {
        slider = this.GetComponent<Slider>();
        slider.wholeNumbers = false; //float過渡
        fill = this.transform.Find("Fill").GetComponent<Image>();
        //maxVlaue = slider.maxValue;
        //initVlue = 0; //初始化值
        index = 1;
        timer = 8; //最大值
        fill.fillAmount = 0;
        //stop = 1f / slider.maxValue;


    }
    void Start()
    { }
    public float curr = 1;
    void Update()
    {
        //Mathf.Lerp(rect.horizontalNormalizedPosition, targethorizontal, Time.deltaTime * smooting)&& targetValue != slider.value;

        if (start)
        {
            timer -= Time.deltaTime;

            //slider.value = Math.Abs((targetValue - timer) / targetValue);

            //if (targetValue <= slider.value)
            //{
            //    //timer = 1;
            //    start = false;
            //    curr = targetValue;
            //    //slider.value = targetValue;
            //    if (back != null)
            //        back();
            //}
            stop = ((float)Math.Round(1f / slider.maxValue, 2));
            fill.fillAmount = (8 - timer) / 8;

            float ab = fill.fillAmount;
            if (ab > stop * index)
            {
                index++;
                start = false;
                if (back != null)
                    back();
            }

            if (fill.fillAmount == 1)
            {
                index = 1;
                start = false;
                timer = 8;
            }
            //時間到
            //if (timer <= 0)
            //{
            //    timer = 1;
            //    start = false;
            //    curr = targetValue;
            //    //slider.value = targetValue;
            //    if (back != null)
            //        back();
            //}
        }
    }

    public int TargetValue
    {
        set
        {
            targetValue = value;
        }
    }

    public bool Starts
    {
        set
        {
            start = value;
        }
    }

    public CallBack Callback
    {
        set
        {
            back = value;
        }
    }
}