android 触摸事件冒泡动画效果

 原图魔法效果:(透明的有些看不清)
  
  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. exv1.setBackgroundResource(R.anim.explosion);
  exv1是继承自ImageView的视图,看到他将一个animation设置成背景了,惊讶!原来动画可以设置为背景图。
  2. exa1 = (AnimationDrawable)exv1.getBackground();
   exa1.start();
  不仅仅Aniamtion有start()方法,原来AnimationDrawable作为一个Drawable的子类也可以有start()方法哦。
  没见过吧,之前我也没见过;见过啦?我现在也见过了!
  再补充几个常识性的
  3.setContentView(fl);

  用代码绘制布局,完全没用到layout/main.xml~~


       原码下载: http://download.csdn.net/detail/heng615975867/6476205
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值