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

史上最简单android动画之frame by frame(帧动画)

2015-06-03 20:59 489 查看
说过了android渐变动画,我们来看看神奇的帧动画(frame by frame)怎么将图片资源变成动画。

下面我们就具体来看看如何实现:

第一步:新建android项目,名为frameAnimation,修改layout下的main.xml文件:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/ic_launcher" />

</LinearLayout>
主要是想弄个ImageView控件用来播放图片,产生帧动画效果。

第二步:将帧图片放到drawable文件夹中(随便选一个放,列如放到drawable-hdpi中),然后再在该文件夹下新建一个myanim.xml文件:

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false"  ><!--为false表示不止执行一次  -->
<item android:drawable="@drawable/zzlx1" android:duration="40"></item>
<item android:drawable="@drawable/zzlx2" android:duration="40"></item>
<item android:drawable="@drawable/zzlx3" android:duration="40"></item>
<item android:drawable="@drawable/zzlx4" android:duration="40"></item>
<item android:drawable="@drawable/zzlx5" android:duration="40"></item>
<item android:drawable="@drawable/zzlx6" android:duration="40"></item>
<item android:drawable="@drawable/zzlx7" android:duration="40"></item>
<item android:drawable="@drawable/zzlx8" android:duration="40"></item>
</animation-list>


第三步:MainActivity.java中获取ImageView控件并显示帧动画:

package com.example.frameanimation;

import android.app.Activity;
import android.app.ActionBar;
import android.app.Fragment;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.os.Build;

public class MainActivity extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

ImageView imageView = (ImageView)findViewById(R.id.imageView1);//获取ImageView控件
imageView.setImageResource(R.drawable.myanim);//给imageView设置图片资源
AnimationDrawable animationDrawable = (AnimationDrawable)imageView.getDrawable();//iamgeView获取图片,产生一个帧动画对象
animationDrawable.start();//启动帧动画

}

}
第四步:运行程序,会产生帧动画效果,如下:

                                                                                  


源代码下载,请点击这里
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息