Android中的动画具体解释系列——飞舞的蝴蝶

时人不识凌云木,直待凌云始道高。这篇文章主要讲述Android中的动画具体解释系列——飞舞的蝴蝶相关的知识,希望能为你提供帮助。
这一篇来使用逐帧动画和补间动画来实现一个小样例,首先我们来看看android中的补间动画。
Android中使用Animation代表抽象的动画类,该类包含以下几个子类:
AlphaAnimation:透明改变动画。

ScaleAnimation:大小缩放动画。

TranslateAnimation:位移变化动画。
RotateAnimation:旋转动画。
我们以下使用位移动画和逐帧动画来实现这个小样例。先看看执行效果:

Android中的动画具体解释系列——飞舞的蝴蝶

文章图片

蝴蝶挥动翅膀的逐帧动画文件:

< ?xml version="1.0" encoding="utf-8"?> < !-- 定义动画循环播放 --> < animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> < item android:drawable="@drawable/butterfly_f01" android:duration="120" /> < item android:drawable="@drawable/butterfly_f02" android:duration="120" /> < item android:drawable="@drawable/butterfly_f03" android:duration="120" /> < item android:drawable="@drawable/butterfly_f04" android:duration="120" /> < item android:drawable="@drawable/butterfly_f05" android:duration="120" /> < item android:drawable="@drawable/butterfly_f06" android:duration="120" /> < /animation-list>

界面布局文件:

< ?xml version="1.0" encoding="utf-8"?
> < LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="fill_parent" android:background="@drawable/background" > < ImageView android:id="@+id/butterfly" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@anim/butteryfly" /> < /LinearLayout>

详细逻辑及位移动画:
Android中的动画具体解释系列——飞舞的蝴蝶

文章图片



package com.example.butteryfly; import java.util.Timer; import java.util.TimerTask; import android.app.Activity; import android.graphics.drawable.AnimationDrawable; import android.os.Bundle; import android.os.Handler; import android.view.Display; import android.view.View; import android.view.View.OnClickListener; import android.view.animation.TranslateAnimation; import android.widget.ImageView; public class MainActivity extends Activity { private float curX = 0; private float curY = 30; private float nextX = 0; private float nextY = 0; private int windowW = 0; private int windowH = 0; private ImageView imageView; Handler handler = new Handler(){ public void handleMessage(android.os.Message msg) { if(msg.what == 0x123){ if(nextX > windowW || nextY > windowH){ curX = nextX = 0; }else{ nextX += 8; }nextY = curY + (float) (Math.random() * 20 - 10); TranslateAnimation anim = new TranslateAnimation(curX, nextX, curY, nextY); curX = nextX; curY = nextY; anim.setDuration(200); imageView.startAnimation(anim); } }; }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); imageView = (ImageView) findViewById(R.id.butterfly); Display display = getWindowManager().getDefaultDisplay(); windowW = display.getWidth(); windowH = display.getHeight(); final AnimationDrawable butterfly = (AnimationDrawable) imageView.getBackground(); imageView.setOnClickListener(new OnClickListener() {@Override public void onClick(View arg0) { butterfly.start(); new Timer().schedule(new TimerTask() {@Override public void run() { handler.sendEmptyMessage(0x123); } }, 0, 200); } }); } }





【Android中的动画具体解释系列——飞舞的蝴蝶】






    推荐阅读