您的位置:首页 > 移动开发 > Android开发

android-魔法泡泡动画分析(附源码)

2012-06-25 17:28 337 查看
  来看贴图
  原图魔法效果:(透明的有些看不清)
  


  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
  设置全屏
点击下载附件
本文出自 “Android小子的” 博客,请务必保留此出处http://androidrigl.blog.51cto.com/7531835/1249367
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: