android帧动画,移动位置,缩放,改变透明度等动画讲解

1.苦逼的需求又来了,需要实现一些动画效果,第一个想到的是播放gif图片,但是这样会占包的资源,并且清晰度不高,于是想着程序实现,自己用帧动画+缩放+移动+透明度 实现了一些想要的效果,这里跟大家分享一下

2.效果图如下:

    

3.帧动画实现代码

    1).首先获取每帧显示的ImageView控件,然后把所有帧放到AnimationDrawable对象里面去,开启动画,通过handle延时2秒关闭动画

1. ImageView ivFrame = (ImageView) findViewById(R.id.iv_frame);  
2. // 通过逐帧动画的资源文件获得AnimationDrawable示例  
3. final AnimationDrawable frameAnim = (AnimationDrawable) getResources().getDrawable(R.drawable.thank_you_boss_anim);  
4. ivFrame.setBackgroundDrawable(frameAnim);// 把AnimationDrawable设置为ImageView的背景  
5. frameAnim.start();  
6.   
7. new Handler().postDelayed(new Runnable() {  
8.     @Override  
9.     public void run(){  
10.         if (frameAnim != null && frameAnim.isRunning()) {//2秒之后结束动画  
11.             frameAnim.stop();  
12.         }  
13.     }  
14. },2000);  

  2).thank_you_boss_anim.xml  所有帧的布局文件   设置每一帧的图片,每帧时间

1. <?xml version="1.0" encoding="utf-8"?>  
2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:oneshot="false" >  
4.     <!-- 定义一个动画帧，Drawable为img0，持续时间300毫秒 -->  
5.     <item  android:drawable="@drawable/icon_think_boss_one"   android:duration="100"/>  
6.     <item android:drawable="@drawable/icon_think_boss_two"  android:duration="100"/>  
7.     <item android:drawable="@drawable/icon_think_boss_three"  android:duration="100"/>  
8.     <item  android:drawable="@drawable/icon_think_boss_four"  android:duration="300"/>  
9. </animation-list>  

4.帧动画加上移动  放大  透明度效果   

   开启一个dialog,背景设置透明，得到帧动画跟文字图片显示ImageView,然后开启两个动画。

1. /** 
2.  * 谢谢土豪打赏 
3.  */  
4. private void thankTuhaoReward(){  
5.     View view=LayoutInflater.from(this).inflate(R.layout.activity_thank_tuhao_reward,null);  
6.     final Dialog tyrantDialog = new Dialog(this,R.style.selectorDialog);  
7.       
8.     tyrantDialog.findViewById(R.id.iv_frame);  
9.       
10.     tyrantDialog.setContentView(view);   
11.     tyrantDialog.setCanceledOnTouchOutside(true);  
12.       
13.     ImageView ivFrame=(ImageView) tyrantDialog.findViewById(R.id.iv_frame);  
14.       
15.     // 通过逐帧动画的资源文件获得AnimationDrawable示例  
16.     final AnimationDrawable frameAnim=(AnimationDrawable) getResources().getDrawable(R.drawable.thank_you_tyrant_anim);  
17.     ivFrame.setBackgroundDrawable(frameAnim);//把AnimationDrawable设置为ImageView的背景  
18.     frameAnim.start();  
19.       
20.     ImageView playThinkOneText=(ImageView) tyrantDialog.findViewById(R.id.play_think_one_text);  
21.     Animation anim = AnimationUtils.loadAnimation(this,R.anim.translate_thank_you_tyrant);  
22.     playThinkOneText.startAnimation(anim);  
23.     anim.setFillAfter(true);  
24.     tyrantDialog.show();  
25.       
26.     view.setOnClickListener(new OnClickListener() {  
27.         @Override  
28.         public void onClick(View arg0) {  
29.             stop(frameAnim);  
30.             tyrantDialog.cancel();  
31.         }  
32.     });  
33.       
34.     anim.setAnimationListener(new AnimationListener() {  
35.         @Override  
36.         public void onAnimationStart(Animation animation) {}  
37.         @Override  
38.         public void onAnimationRepeat(Animation animation) {}  
39.         @Override  
40.         public void onAnimationEnd(Animation animation){  
41.             stop(frameAnim);  
42.             tyrantDialog.cancel();  
43.         }  
44.     });  
45. }  
46.   
47. /** 
48.  * 停止播放 
49.  */  
50. protected void stop(AnimationDrawable frameAnim) {  
51.     if (frameAnim != null && frameAnim.isRunning()) {  
52.         frameAnim.stop();  
53.     }  
54. }  

 

帧动画的布局文件我就不贴出来了,贴一下移动,缩放,改变透明度的布局文件    translate_thank_you_tyrant.xml

1. <?xml version="1.0" encoding="utf-8"?>  
2. <set xmlns:android="http://schemas.android.com/apk/res/android" >  
3.   
4.     <translate  
5.         android:duration="1000"  
6.         android:fromXDelta="30"  
7.         android:fromYDelta="30"  
8.         android:toXDelta="30"  
9.         android:toYDelta="-120" />  
10.   
11.     <alpha  
12.         android:duration="2000"  
13.         android:fromAlpha="0.4"  
14.         android:toAlpha="1.0" />  
15.   
16.     <scale  
17.         android:duration="2000"  
18.         android:fillAfter="false"  
19.         android:fromXScale="0.4"  
20.         android:fromYScale="0.4"  
21.         android:interpolator="@android:anim/accelerate_decelerate_interpolator"  
22.         android:pivotX="50%"  
23.         android:pivotY="50%"  
24.         android:toXScale="1.0"  
25.         android:toYScale="1.0" />  
26.     <!--  
27.      translate 位置转移动画效果  
28.         整型值:  
29.         fromXDelta 属性为动画起始时 X坐标上的位置      
30.         toXDelta   属性为动画结束时 X坐标上的位置  
31.           
32.         fromYDelta 属性为动画起始时 Y坐标上的位置  
33.         toYDelta   属性为动画结束时 Y坐标上的位置  
34.         注意:没有指定fromXType toXType fromYType toYType 时候，默认是以自己为相对参照物   
35.                      
36.         长整型值：  
37.         duration  属性为动画持续时间  
38.         说明:      时间以毫秒为单位  
39.     -->  
40.   
41. </set>  

点击下载源码