Unity学习记录UGUI：开始界面

• 准备工作

1. 导入素材
2. 将所有的Sprite的Texture属性设置为Sprite（2D&UI）
3. 创建一个Image设为背景，选择一张图片

• 添加按钮

1. 创建一个Image，添加Button组件（Set Native Size（保持原有大小））
2. Button组件下的Transition可以选择变色模式，Target Graphic可以选择要改变的物体
3. Alt以中心点等比例放大

• Slider的设置

1. Value的值表示进度值
2. Fill Area填充颜色
3. Head Slider Area 圆点图标
4. 创建一个Image做背景在背景Image下创建两个不同颜色的Image，给背景Image添加Slider组件，把要改变的Image赋值给Fill Rect（如果图片改变，设置图片的Image Type属性为Filled）
5. 取消鼠标交互：取消Slider下Interactable选项。（只能通过代码改变Value的值）

• Image的四种属性

1. Simple属性：
2. Sliced属性：九宫贴图，在图片的Sprite Editor中设置图片的九宫格，边框不会改变。
3. Tiled属性：平铺
4.  Filled属性：切割，（技能冷却）Clockwise为逆时针方向

• 设计技能键和冷却效果

1. 创建Image，添加Button组件
2. 复制技能图标设置为Filled模式（可以取消Clockwise变为顺时针方向旋转）
3. 添加Text文本设为技能快捷键，添加Shadow阴影效果Outline边框效果
4. 添加一个脚本，指定Button点击事件

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

public class SkillButton : MonoBehaviour
{
    public float coldTime = 1;  //冷却时间
    public KeyCode keyCode;
    private float timer = 0;    //计时器
    private Image fieldImage;
    private bool isStartTimer = false;

    private void Start()
    {
        fiel