文章目录
- 目的效果
- 创建动画
- UI准备
- 制作动画
- 播放动画
- 目的效果
- 创建动画
- UI准备
- 制作动画
- 播放动画
- 注册播放事件
目的效果
我们要创建一个提示动画,文字先渐显,然后向上移动,同时渐隐
创建动画
UI准备
创建一个UI控件,然后创建一个Text,命名为TextTip
制作动画
选中文本框,左下角打开动画编辑器
点击动画,添加一段动画,然后点击动画,选择创建轨道,弹出来的框里选择TextTip,这样就可以为TextTip创建一个轨道
选择TextTip轨道,点击+轨道,分别创建变换和颜色两个轨道
虽然直接在属性面板直接点击创建关键帧也能创建关键帧,但是我没有办法修改位置,修改后无法让位置生效,所以直接在这里用变换轨道
展开颜色轨道,把时间轴拖到期望的位置,然后直接修改A的值,会自动创建关键帧
虽然点圆圈里的+号也能创建关键帧,但是有时候会不好使,不如直接改属性
对变换也同样操作,在合适的位置修改Y的值
播放动画
动画会自动生成一个变量,名字和创建时相同
文章目录
- 目的效果
- 创建动画
- UI准备
- 制作动画
- 播放动画
- 目的效果
- 创建动画
- UI准备
- 制作动画
- 播放动画
- 注册播放事件
目的效果
我们要创建一个提示动画,文字先渐显,然后向上移动,同时渐隐
创建动画
UI准备
创建一个UI控件,然后创建一个Text,命名为TextTip
制作动画
选中文本框,左下角打开动画编辑器
点击动画,添加一段动画,然后点击动画,选择创建轨道,弹出来的框里选择TextTip,这样就可以为TextTip创建一个轨道
选择TextTip轨道,点击+轨道,分别创建变换和颜色两个轨道
虽然直接在属性面板直接点击创建关键帧也能创建关键帧,但是我没有办法修改位置,修改后无法让位置生效,所以直接在这里用变换轨道
展开颜色轨道,把时间轴拖到期望的位置,然后直接修改A的值,会自动创建关键帧
虽然点圆圈里的+号也能创建关键帧,但是有时候会不好使,不如直接改属性
对变换也同样操作,在合适的位置修改Y的值
播放动画
动画会自动生成一个变量,名字和创建时相同
使用播放动画节点播放动画,播放完后需要手动删除
教程中说动画自己带事件,可以点击动画的变量,在下方事件列表里注册,我没有找到,解决方案往下看
注册播放事件
我们可以手动注册开始和结束播放事件
其他控件里声明这个控件,并注册他的动画回调函数