您的位置:首页 > 产品设计 > UI/UE

创建一个简单的动画

2018-03-24 16:16 260 查看

做小demo时UI呈现太生硬,就做个最简单的缩放动画

打开Windows-Animation菜单

之后选中需要创建动画的组件



创建一个animation文件后点击红色按钮后就可以开始录制

1.拖动右边时间线可以选定某一帧

2.选择完时间线后在控件属性面板进行修改,如scale属性等,Animation便会记录下在这个帧下目标控件的属性情况

3.看自己需要重复第二步,然后点击播放按钮查看效果

这时候目标属性上就会多出animator组件



双击后打开状态机进行逻辑上的编辑

黄色线条是表示当控件激活时,默认使用哪个动画,也可以自己右键添加路线来控制指定情况下的状态转移

在左侧目录的+号上添加trigger触发器来控制其他动画的播放时间

通过代码控制

private Animator animator;
// Use this for initialization
void Start () {
animator = gameObject.GetComponent<Animator>();
}
public IEnumerator HideUpGradeUI()
{
animator.SetTrigger("Hide");
yield return new WaitForSeconds(0.5f);
gameObject.SetActive(false);
}


触发隐藏动画后我需要禁用UI面板,所以开一个携程等待0.5秒的时间后禁用(动画时间为0.2),因为动画只是缩放,并不是真正的隐藏

以上是简易的动画创建和控制流程
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  UI