UGUI按钮动画 (四个状态)

时间:2024-05-31 09:11:06

1 UI动画 是我们常用的  当点击按钮的时候  就会发生变化  游戏中我们也经常见到   那该怎么实现呢

UGUI按钮动画 (四个状态)

在Canvas画布中创建Button按钮  

UGUI按钮动画 (四个状态)    Transition选择Animation     

UGUI按钮动画 (四个状态)    

点击这个创建Animator Controller

UGUI按钮动画 (四个状态)

UGUI按钮动画 (四个状态)       就是这种状态

选择Hierarchy 面板上的Button  展开Window 下的  Animation

UGUI按钮动画 (四个状态)

第一步是选择按键的状态  第二步是添加关键帧和动画  点击红色按钮

UGUI按钮动画 (四个状态)然后就可以修改红色方框内的属性就可以录制下来了  成为动画  列如我们把Scale X,Y改成了1.2   就是按钮变大一点  那么我们接下来就运行  看哈效果

UGUI按钮动画 (四个状态) 

 当鼠标划上取得时候 我们的按钮就变大了

是不是很简单呢  我们还可以 修改颜色 

UGUI按钮动画 (四个状态)

其他属性 你们自己去尝试吧