NGUI界面动画

玩游戏的时候，点击一个按钮，可能会看到UI从某个位置飞进来，关闭之后又往该位置飞出！又或者一些更加复杂的运动轨迹。

我们的项目现在就是使用Animation/Animator来制作界面动画。

流程：由程序将界面导出package给美术，具体动画的编辑工作交给美术，然后美术编辑完之后给出对应界面的动画文件。（ps：最好是要确定好整个项目涉及的界面有哪些动画效果，具体界面的宽高都不变了之后再去制作界面动画，不然界面一改动大小、位置等都会影响动画效果！我们也是项目处于后期才开始制作这块的！），至于具体的实现过程可以参考网上的！

a.如果是使用Animator的话是直接在编辑器中附加到对象上，界面一激活显示就自动播放动画，完全不需要写代码去控制。

b.使用Animation，由于我们的界面统一继承一个基类，直接是在运行时显示界面的时候给每个基类对象添加animation组件，然后播放指定名字的动画！

----

本来感觉一切都很美好，因为实际在手机上看动画效果的话是达到预期的，但是界面动画会导致一个问题，就是界面一做完动画，如果界面上的元素不刷新一下（刷新还是会有问题，会感觉闪了一下，体验不好），那么处于拖拽面板（ScrollView）上的图素或文字总是会错位甚至不显示！现在由于时间紧迫，还没能花时间去仔细研究是什么问题！

解决方法除了上面说的刷新界面之外，还想到一个：就是在布局界面的时候，将要播动画的图素（例如背景图面板）与不做动画的图素分离开，因为我们最常用的界面动画就是飞入飞出，因此只要做动画的时候界面背景面板先显示去做相应的动画效果，完成了之后才去显示背景图上面的文字、图片等图素！这样文字、图片等就不会受动画的影响而错位或不显示！

 

另外，网上找了一下方法，试了一下：当界面做完动画之后，使用panel.alpha=0; panel.alpha=1;

比如：

1 public void Show()
2 {
3   Animation ani = PlayAnimation("xxxx");
4   ...
5   panel.alpha = 0;//原来是使用panel.gameObject.SetActive(false);
6   panel.alpha = 1;//原来是使用panel.gameObject.SetActive(true);
7 }

效果比使用panel.gameobject.setactive(false);panel.gameobject.setactive(true)好，不会闪一下！但具体手机的效果还是有待验证！

 

2015.2.9

在手机上试了一下使用panel.alpha=0; panel.alpha=1;，不会出现闪屏的效果！

 

上述描述提到的问题，如果是由于我们使用的方法不当，有知道的朋友可以告知，不胜感激！

转载于:https://www.cnblogs.com/AlphaAI/p/4279785.html