Unity:如何在标签图标之间制作动画?

时间:2016-11-26 18:19:47

标签: user-interface animation mobile unity3d

好吧,我不是那么精通UI元素,但我需要制作3个图标,人们可以点击以在标签之间移动,但我需要图像的颜色随着新的方向移动图标。如下所示,所选图标将填充为白色:

enter image description here

然后当选择第二个:

enter image description here

我知道如何做到这一点,但我似乎无法创建的是动画它们之间的切换,其中白色背景似乎在图标后面移动到下一个图标。我找不到任何例子,但是这样:

enter image description here

我该怎么做?在我的项目中,我不仅仅有正方形而是实际图标。资产商店有这样的图标吗?

1 个答案:

答案 0 :(得分:1)

您可以为按钮图像使用Filled图像类型:

enter image description here

E.g。在画布上添加动画师(UI Root)。向动画师添加多个状态,并为每个状态创建一个动画。在每个动画中更改所需图像的FillAmount

这些填充的图像应该存在于层次结构中的边框图像之前,以便落后于它们。

此外,您可以跳过动画师/动画部分并通过协程或简单地在Update方法中执行代码。

为了填充图像,只需将Fill Origin更改为Top

即可