- 导入素材
- 将所有的Sprite的Texture属性设置为Sprite(2D&UI)
- 创建一个Image设为背景,选择一张图片
- 创建一个Image,添加Button组件(Set Native Size(保持原有大小))
- Button组件下的Transition可以选择变色模式,Target Graphic可以选择要改变的物体
- Alt以中心点等比例放大
- Value的值表示进度值
- Fill Area填充颜色
- Head Slider Area 圆点图标
- 创建一个Image做背景在背景Image下创建两个不同颜色的Image,给背景Image添加Slider组件,把要改变的Image赋值给Fill Rect(如果图片改变,设置图片的Image Type属性为Filled)
- 取消鼠标交互:取消Slider下Interactable选项。(只能通过代码改变Value的值)
- Simple属性:
- Sliced属性:九宫贴图,在图片的Sprite Editor中设置图片的九宫格,边框不会改变。
- Tiled属性:平铺
- Filled属性:切割,(技能冷却)Clockwise为逆时针方向
- 创建Image,添加Button组件
- 复制技能图标设置为Filled模式(可以取消Clockwise变为顺时针方向旋转)
- 添加Text文本设为技能快捷键,添加Shadow阴影效果Outline边框效果
- 添加一个脚本,指定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()
{
fieldImage = transf