NGUI界面动画

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

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

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

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

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

----

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

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

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

时间: 2024-10-11 00:34:56

NGUI界面动画的相关文章

css3 简单界面动画

asdasdasdasda asdasdasdasdacss3 简单界面动画,布布扣,bubuko.com

(NO.00004)iOS实现打砖块游戏(二):实现游戏主界面动画

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处. 如果觉得写的不好请告诉我,如果觉得不错请多多支持点赞.谢谢! hopy ;) 一个内容不错的游戏也要一个好的包装.玩家进入游戏时第一眼看到的是将是游戏的主界面,如何生动的展示一个具有吸引力的界面就是本篇的主题.当然这里无法和商业游戏的主界面相比的,只是展示一下不用写什么代码,也可以把主界面做的比较活泼. 在主界面上添加静态元素 打开SpriteBuilder中的MainScene.ccb文件,将原有控件统统删掉,这时场景变得黑漆漆的一片.

萌货猫头鹰登录界面动画iOS实现分析

动画效果仿自国外网站readme.io的登录界面,超萌可爱的猫头鹰,具体效果如下图所示. 动画实现核心: 动画核心的是用到了iOS中UIView的transform属性,然后根据尺寸坐标对四张图片进行平移以及缩放. 具体的图层结构如图所示: 注意点: 图中只露出两个点的手臂,是不需要裁剪的,有部分是能遮挡粉色view的.所以可以将它们与头部图片放在一个view中. 而动画中的手臂只露出粉色文本框以上的部分的方法,是将两个手臂图片添加到一个另外一个View中,然后设置这个View的属性为超过UIV

Unity NGUI Tween动画回调不执行问题

最近工作中遇到了一个问题 NGUI的Tween动画完成 回调函数 偶尔不执行 偶现Bug 今天我仔细看了下代码发现 TweenPosition tempTween = varTar.GetComponent<TweenPosition>(); if (tempTween == null) { Debuger.LogError("MainUITaskAward: Play() tempTween == null"); return; } tempTween.ResetToBe

5.NGUI Animation(动画)

(1)Animation(Unity自带动画编辑工具)   1. 为需要添加动画的组件添加Animation组件. 2.打开Animation窗口(Window-Animation) 3.点击红色按钮开始录制,点击Add Curve 添加动画. (分别代表位移,旋转,缩放)         6.保存动画,如果不需要自动播放动画,则把Animation组件勾选掉. 6.在Button上添加一个UIPlay Animation组件 7.       按照规则添加需要的表现方式. (2)     Tw

NGUI Tween动画Scale与Transform冲突

NGUI中我们要同时完成Scale与Transform的效果,会发现动画并不是同我们想的那样运行的. 原因就是Tween Scale与Tween Transform的冲突调用. Tween Scale中 用来设置localScale Tween Transform中 也用来设置localScale. 这就产生冲突了...这里最简单的方法就是把两个脚本合并一下删掉Tween Transform中的localScale,因为还是得用Tween Scale来控制Scale. using UnityEn

NGUI 界面自适应

关于 NGUI 的界面自动适应不同的手机分辨率,网上已经够多的了.如果你点进了这个网页,推荐一下这一篇吧: http://www.xuanyusong.com/archives/2536 下面是我自己的总结: 首先,为什么手机游戏不要使用 UIRoot.PixelPerfect? 这个选项会使图片按照原始的大小显示在手机上.会有什么问题呢? iPhone 3GS 分辨率是 480x320,iPhone 4 是 960x640.也就是说,宽高刚好1:2的关系.如果使用了 PixelPerfect

安卓仿QQ红包领取详情界面动画

为了能清楚的看到这个效果,本人不惜几次花费重金给众群叼发放红包,来查看红包领取详情界面的动画效果,QQ效果如图: 图中我们可以看到,动画处的头像和文字是一起的,即同时并且是整体,注意,是整体进行缩放的,而且是随手指移动来变换大小的,如果我们按照普通的布局方法,ImageView+TextView的方式,用安卓自带的普通动画来实现是无法完成的,那好了,只能自定义View来实现了! 自定义view需要你对view的内部绘制机制有一定的了解,比如onMeasure,MeasureSpec.EXACTL

DoTween应用在炉石传说,从开始界面到角色选择界面动画切换

动画播放步骤前面有... 然后在moveStart脚本里面添加 public DOTweenAnimation Hero_SelectPage;    public bool isCanShowSelectRole = false;//是否进入角色选择界面 public DOTweenAnimation WelcomPage;    public bool isWelcomFinished = false; 在inspector面板上进行拖拽赋值 “Welcom Page”是开始界面的logo