UGUI的学习

1.开发血量条

通过Slider组件：

2.开发技能冷却效果

通过按键和鼠标点击控制冷却效果

public class SkillItem : MonoBehaviour
{
    public float coldTime = 2;  //冷却时间为两秒

    public KeyCode keyCode=KeyCode.Alpha1;

    private float timer = 0;  //计时器

    private bool isColding = false;  //是否处于冷却期

    private Image coldMask;  

    // Start is called before the first frame update
    void Start()
    {
        coldMask = transform.Find("ColdMask").GetComponent<Image>();  //找到名为ColdMask的物体，获得物体上的Image组件
    }

    // Update is called once per frame
    void Update()
    {
        if (isColding)
        {
            timer += Time.deltaTime;    //增加时间
            coldMask.fillAmount = (coldTime - timer) / coldTime;     

            if(timer > coldTime)
            {
                isColding = false;
                coldMask.fillAmount = 0;
                timer = 0;
            }
        }

        if (Input.GetKeyDown(keyCode))
        {
            ReleaseSkill();
        }
    }

    public void OnSkillClick()  //当技能被点击触发
    {
        ReleaseSkill();
    }
    private void ReleaseSkill()  //释放技能 
    {
        if (isColding == false)
        {
            isColding = true;
            timer = 0;
            coldMask.fillAmount = 1;
        }
    }
}

3.开发背包选项卡

通过Toggle组件和GameObject.SetActive打开背包

通过Gird Layout Group（网格布局）组件，根据指定的行数、列数和间距自动排列子物体，使它们按照网格的形式排列。

4.开发滚动列表

初步阶段

射线检测   ------>  Scroll Rect 组件（实现列表滚动过程）  ------> Mask（遮罩）和Image组件结合进一步完善关卡

Horizontal Layer Out