0
回答
android-魔法泡泡动画分析(附源码)
利用AWS快速构建适用于生产的无服务器应用程序,免费试用12个月>>>   

来看贴图

原图魔法效果:(透明的有些看不清)

PS之后加了背景色并放大后的效果

在屏幕中的效果(左上很小的那个,其他都是背景图):

中间很小的那个就是

先看动画实现代码explosion.xml(explosion意思是爆发)

  <animation-list xmlns:android="http://schemas.android.com/apk/res/android"   android:oneshot="true">  <item android:drawable="@drawable/explode1" android:duration="70" />  <item android:drawable="@drawable/explode2" android:duration="70" />  <item android:drawable="@drawable/explode3" android:duration="70" />  <item android:drawable="@drawable/explode4" android:duration="70" />  <item android:drawable="@drawable/explode5" android:duration="70" />  </animation-list>

 

  手指点击后产生泡泡的动画是5张40*40的图片顺序播放产生的,每张持续时间为70毫秒,播放模式为oneshot,即一次。
BubbleExplosion.java

   package com.ray.bubble;   import android.app.Activity;   import android.content.Context;   import android.graphics.drawable.AnimationDrawable;   import android.os.Bundle;   import android.view.MotionEvent;   import android.view.View;   import android.view.Window;   import android.view.WindowManager;   import android.view.View.OnTouchListener;   import android.widget.FrameLayout;   import android.widget.ImageView;   public class BubbleExplosion extends Activity {   private FrameLayout fl;   private ExplosionView exv1;   private AnimationDrawable exa1;   // private Contact contact;   public void onCreate(Bundle savedInstanceState) {   super .onCreate(savedInstanceState);   // set full screen   requestWindowFeature(Window.FEATURE_NO_TITLE);  getWindow().setFlags(WindowManager.LayoutParams. FLAG_FULLSCREEN ,  WindowManager.LayoutParams. FLAG_FULLSCREEN);  fl = new FrameLayout( this );  fl.setBackgroundResource(R.drawable.bg);  exv1 = new ExplosionView( this );  exv1.setVisibility(View.INVISIBLE);  exv1.setBackgroundResource(R.anim.explosion);  exa1 = (AnimationDrawable)exv1.getBackground();  fl.addView(exv1);  fl.setOnTouchListener( new LayoutListener());  setContentView(fl);  }   class ExplosionView extends ImageView{   public ExplosionView(Context context) {   super (context);  }   // handle the location of the explosion   public void setLocation( int top, int left){   this.setFrame(left, top, left+40, top+40 );  }  }   class LayoutListener implements OnTouchListener{   public boolean onTouch(View v, MotionEvent event) {   // first u have to stop the animation,or if the animation   // is starting ,u can start it again!   exv1.setVisibility(View.INVISIBLE);  exa1.stop();   float x = event.getX();   float y = event.getY();  exv1.setLocation(( int)y-20, ( int)x-20 );  exv1.setVisibility(View.VISIBLE);  exa1.start();   return false ;  }  }  }

精华提炼:
1.Line 31 exv1.setBackgroundResource(R.anim.explosion);
exv1是继承自ImageView的视图,看到他将一个animation设置成背景了,惊讶!原来动画可以设置为背景图。
2.Line 32 exa1 = (AnimationDrawable)exv1.getBackground();
Line 60 exa1.start();
不仅仅Aniamtion有start()方法,原来AnimationDrawable作为一个Drawable的子类也可以有start()方法哦。
没见过吧,之前我也没见过;见过啦?我现在也见过了!
再补充几个常识性的
3.setContentView(fl);
用代码绘制布局,完全没用到layout/main.xml~~
4.Line 23-25
设置全屏

点击下载附件


原文链接:http://www.cnblogs.com/vus520/archive/2012/06/25/2561582.html
<无标签>
举报
长平狐
发帖于5年前 0回/587阅
顶部