剖析Android动画(图片闪烁、左右摇摆、上下晃动等效果)

图片闪烁,类似这样。
17065414.gif
2011-11-22 16:18 上传
下载附件(10.6 KB)


左右摇摆:
2011-11-22-16-11-09.gif
2011-11-22 17:07 上传
下载附件(28.9 KB)

一、续播  (不知道取什么名字好,就是先播放动画A, 接着播放动画B)
        有两种方式。
        第一种,分别动画两个动画,A和B, 然后先播放动画A,设置A 的 AnimationListener。当onAnimationEnd触发(即A播放完毕)时,开始播放B。
  1.      animation1.setAnimationListener(new Animation.AnimationListener() {  
  2. @Override  
  3. public void onAnimationStart(Animation animation) {  
  4.       
  5. }  
  6.   
  7. @Override  
  8. public void onAnimationRepeat(Animation animation) {  
  9. }  
  10.   
  11. @Override  
  12. public void onAnimationEnd(Animation animation) {  
  13.     animation2.start();  
  14. }  
  15. );  
复制代码
第二种,写一个动画集AnimationSet,在其中定义动画A和B,为动画B设置startOffset, 其值就是前一个动画播放的所需的时间。

        这边举一个例子,动画A是 透明度从 0.1 到 1.0 , 动画B是透明度从1.0到0.1,  使用下面这个动画集你就可以看到整个变化过程。
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <set xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <alpha  
  4.         android:fromAlpha="0.2"  
  5.         android:toAlpha="1.0"  
  6.         android:duration="3000"  
  7.         />  
  8.     <alpha  
  9.         android:startOffset="3000"  
  10.         android:fromAlpha="1.0"  
  11.         android:toAlpha="0.2"  
  12.         android:duration="3000"  
  13.         />  
  14. </set>  
复制代码
其中android:startOffset="3000"  表示延迟3秒后再执行。 如果去掉其中的 android:startOffset="3000" , 你就什么效果也看不到了。 因为两个动画会同时播放。

二、循环
        有时候,我们可能需要实现一个图片不停闪烁的功能(比如天气预报中的紧急警报功能),  或者有的时候我们需要实现图片左右晃动,都需要循环动画来实现。
        同样,也有两种办法。
第一种,设置两个动画A 和 B, 动画A 是透明度 0 -1, 动画B是1 - 0, 然后对这两个动画都进行监听, A 结束执行B, B结束执行A.. 无限循环...
第二种,利用Animation的setRepeatCount、setRepeatMode来实现动画循环。

比如闪烁(透明度亮 -> 暗, 暗->亮,如此循环)
  1. //闪烁  
  2. AlphaAnimation alphaAnimation1 = new AlphaAnimation(0.1f, 1.0f);  
  3. alphaAnimation1.setDuration(3000);  
  4. alphaAnimation1.setRepeatCount(Animation.INFINITE);  
  5. alphaAnimation1.setRepeatMode(Animation.REVERSE);  
  6. iv.setAnimation(alphaAnimation1);  
  7. alphaAnimation1.start();  
复制代码
alphaAnimation1.setRepeatCount(Animation.INFINITE); 表示重复多次。 也可以设定具体重复的次数,比如alphaAnimation1.setRepeatCount(5);
alphaAnimation1.setRepeatMode(Animation.REVERSE);表示动画结束后,反过来再执行。 该方法有两种值, RESTART 和 REVERSE。 RESTART表示从头开始,REVERSE表示从末尾倒播。

懒得屏幕录像了,类似下面的效果:


再比如左右摇摆
  1. //摇摆  
  2. TranslateAnimation alphaAnimation2 = new TranslateAnimation(150f, 350f, 50, 50);  
  3. alphaAnimation2.setDuration(1000);  
  4. alphaAnimation2.setRepeatCount(Animation.INFINITE);  
  5. alphaAnimation2.setRepeatMode(Animation.REVERSE);  
  6. iv.setAnimation(alphaAnimation2);  
  7. alphaAnimation2.start();  
复制代码

其中 iv 是一个ImageView。


效果例子问题总结:

实验:拖动一个view使之移动,松开后view会移动到固定的位置

结果:每当view回到指定位置的动画结束后,view都会回到起始位置,于是我设置了AnimationListener,在onAnimationEnd里调整了view的位置,但是在动画结束的一瞬间view还是会闪动一下。
关于setFillAfter设为true的方法我也尝试过。不会闪动,但是下一次拖拽会出现问题。

总结:

1、在onAnimationEnd里加view.clearAnimation();

2、view.clearAnimation(); 虽然不会出现闪动现象,但是如果view里面有listView,拖动list到边缘出现黄色高光(2.3版)会异常,黄光出现过渡不自然,就像由32位颜色变到了24位,估计是由于动画被强制清除的原因。
解决办法是不用view.clearAnimation(),
在onAnimationEnd里加
TranslateAnimation anim = new TranslateAnimation(0,0,0,0);
view.setAnimation(anim);
既不闪动,也不会出现list拖动黄光异常现象。
清楚动画,然后再移动位置,这样就不会闪烁了

  • 2
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值