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;
        }
    }
}