Unity Animator入门:使用Animator和trigger参数做简单的UI动画

概述

本文章通过一个制作Toast弹窗的例子,详细讲解如何使用Animator和它的trigger参数来创建简单的UI动画。

Toast弹窗会从屏幕底部下降,停留3秒,然后上升到屏幕上面消失。

最终的效果如下:

原理

Unity帮我们做每帧插值,改变我们设定的属性。

Toast组件构成

首先根节点是一个空的GameObject,名字ToastRoot,对齐屏幕顶端,没有Height:

接下来是背景图节点BgRoot,同样向上对其,高度96像素:

最后是Toast的内容,这一部分任君发挥了,我这里只放了一个文本框TextContent

添加Animator组件

我们的目的是让Toast弹窗动起来,所以我们的动画操作对象应该是BgRoot这张图片。

我们往BgRoot上添加一个Animator组件。添加之后可以发现Controller字段是空的,所以我们还得手动创建一个AnimationController。在合适的路径下,我们右键Project视图下的空白处,选择Create -> AnimationController,给新文件取名为ToastAnimController。然后我们回到BgRoot,把controller文件拽拖到Controller字段上。

创建default状态动画

Toast弹窗的初始状态当然是隐藏在屏幕上方,当有

  • 10
    点赞
  • 50
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值