关于UGUI实现UI动画

问题描述：

我们在做游戏的时候，如果背包能动态的滑出，会有更好的体验。

实现物体的隐藏和显示，方法一可以用SetActice(true/false)的方式；方法二可以在物体需要隐藏的时候，放在可视范围外面。（也可能有其他方法我不知道的 - -！）

对于UI这类需要经常使用物体的最好还是使用方法二实现。

解决方案：

下面就简单总结一下如何实现UI的动态地隐藏和显示。

先创建一个Image，如果你的场景中没有Canvas，unity会自动帮你创建Canvas。

在Hierarchy中选中Image，选择菜单栏Window-Animation，点击Create按钮创建第一个Animation Clip，同时Image上自动被挂上Animator组件；

打开自动创建Animation Controller，看到刚刚创建的第一个Animation Clip与Entry自动连上了，意思就是当程序运行时，会首先运行该动画。但是在游戏里，程序刚刚运行时，UI是不需要有任何操作的，故不对该动画进行任何修改。

接下来，制作UI显示和隐藏两个动画：新建两个Animation，分别命名为Show和Hide；编辑Show动画，点击AddProperty按钮可以看到我们可以对Image进行修改的组件以及参数。

我们需要修改UI位置，故选择RectTransform-AnchoredPosition；

关于如何给动画添加关键帧等就不赘述了。

对关键帧进行位置的修改，一针设置在屏幕可视范围外的位置，一针设置在屏幕可视范围内的位置，unity就会自动生成曲线。

同理，也制作出UI隐藏时的动画。

接下来回到AnimatorController的界面，设置触发条件。

点击界面内的加号，添加一个bool变量来控制UI的显示和隐藏。

选择状态间的连线，在Inspectors面板中，使用+号添加触发条件。

在Show状态到Hide状态间选择，bool变量为false时触发；在Hide状态到Show状态间选择，bool变量为true时触发。

接下来给Image添加脚本组件，控制该变量即可。

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
public class UIPos : MonoBehaviour
{
    private Animator animator;
    private bool isShow = false;
    void Awake()
    {
        animator = GetComponent<Animator>();
    }
    void Update()
    {
        if (Input.GetMouseButtonDown(0))
        {
            if (isShow == false)
            {
                isShow = true;
                animator.SetBool("isShow", true);
            }
            else
            {
                isShow = false;
                animator.SetBool("isShow", false);
            }
        }
    }
}

总结：

Unity要学的东西太多，学习的过程中应该要注意举一反三。比如今天学习的UI动画制作，就应该发散思维如何实现UI从小到大的变化？如何改变UI滑出的曲线？如何用一个Button来控制UI的滑出？等等......

文章为个人学习总结，总结得不好的地方，请多多指教。