博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
android-魔法泡泡动画分析(附源码)
阅读量:7091 次
发布时间:2019-06-28

本文共 2617 字,大约阅读时间需要 8 分钟。

hot3.png

  来看贴图

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

  

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

  

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

  中间很小的那个就是

  中间很小的那个就是

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

  
  
  
  
  
  
  
 
  手指点击后产生泡泡的动画是5张40*40的图片顺序播放产生的,每张持续时间为70毫秒,播放模式为oneshot,即一次。
  BubbleExplosion.javapackage 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
  设置全屏
23214610_IoG9.jpg

转载:http://www.adobex.com/android/source/details/00000232.htm

转载于:https://my.oschina.net/androidcode/blog/104180

你可能感兴趣的文章
首页logo的代码标志性写法,方便SEO
查看>>
Collection of Tools - Fix problems that programs cannot be installed or uninstalled
查看>>
DP+高精度 URAL 1036 Lucky Tickets
查看>>
Codeforces Round #208 (Div. 2) Problem B Dima and Text Messages(简单字符串处理)
查看>>
3D效果?
查看>>
20161028学习笔记
查看>>
浅谈UML的概念和模型之UML视图
查看>>
hive
查看>>
Jquery基础之DOM操作
查看>>
Linux系统学习笔记:文件描述符标志
查看>>
网页居中设置
查看>>
(一)学习SpringBoot介绍
查看>>
markdown2
查看>>
实验4 颜色、字符串资源的使用
查看>>
多项式求逆/分治FFT 学习笔记
查看>>
如何用CreateNewFrame() 函数创建其他视图
查看>>
创建、使用SpringBoot项目
查看>>
LinkedBlockingQueue和ArrayBlockingQueue区别
查看>>
面试题38-数字在排序数组中出现的次数
查看>>
再次总结移动端事【件穿穿透】问题
查看>>