UGUI动画快速制作

在UGUI中有一些交互的元件需要进行动画制作。在这里讲一个非常方便快速的制作方法。

我记得之前好像写过类似的文章，但是没在UGUI分类里。现在再使用新版的unity来制作一个。

当前版本使用 unity2020版本。以UGUI的按钮为例。

目标：快速制作一个按钮动画。更多内容关注：unity风雨路

首先打开一个新场景新建一个按钮。在Transition里选择Animation选项。

 

 

点击之后会要求你创建一个动画状态机，如图：创建了一个名为button的状态机，并且自动创建了按钮相对应的动画。

 

此时在场景里选中你的按钮，通过window打开animation，可以对其动画进行编辑。

 

点击了add property后会看到可以对按钮的Transform,image等组件进行编辑动画。

此处我在Highlight状态（也就是鼠标移动到上面后触发的状态）编辑了图片颜色改变。

 

至此动画制作完成。接下来进行测试：

进行测试运行后。

发现鼠标移过来后会不断变色，是因为动画循环播放的缘故。在Project里找到button状态机下的Highlight动画修改LoopTime，不勾选便不会循环播放。

 

 

再次测试，目标达成：鼠标移入时变红色，离开后变回原色。