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

Android 播放Gif 动画

2012-08-09 15:32 483 查看
原创作品,允许转载,转载时请务必以超链接形式标明文章 原创出处、作者信息和本声明。否则将追究法律责任。

  在Android 中是不支持直接使用Gif 图片关联播放帧动画,如下动画在Android 中是无法播放的:



2012-3-23 14:22 上传
下载附件(21.58
KB)

  Android 提供了另外一种解决的办法,就是使用AnimationDrawable 这一函数使其支持逐帧播放,但是如何把gif 图片打散开来,成为每一帧的图片呢?下面介绍两种比较不错的软件,可以帮我们打散图片。

  gifsplitter2.0

  下载地址:gif分割

  使用方法如下:



2012-3-23 14:24 上传
下载附件(27.45
KB)



2012-3-23 14:24 上传
下载附件(31.44
KB)

  这一软件分割图片都是bmp图片,图片比较大,这里不推荐使用,尽量节省不必要的字节,所以这里推荐使用如下 软件

  easygifanimator

  软件下载:动画分割器

  使用方法如下:



2012-3-23 14:25 上传
下载附件(112.46
KB)



  点击文件将帧文件导出即可

  得到了帧文件后我们可以就编写代码,在res目录下新建anim动画文件夹,写下如下代码
 <?xml version="1.0" encoding="UTF-8"?>

  <animation-list android:oneshot="false"

  xmlns:android="http://schemas.android.com/apk/res/android">

  <item android:duration="150" android:drawable="@drawable/xiu0" />

  <item android:duration="150" android:drawable="@drawable/xiu1" />

  <item android:duration="150" android:drawable="@drawable/xiu2" />

  <item android:duration="150" android:drawable="@drawable/xiu3" />

  </animation-list>


复制代码
对应的item 为顺序的图片从开始到结束,duration为每张逐帧播放间隔,oneshot 为false 代表循环播放,设置为true 即播放一次即停止。

  对应Activity 代码如下编写:

import android.app.Activity;

  import android.graphics.drawable.AnimationDrawable;

  import android.os.Bundle;

  import android.view.View;

  import android.view.View.OnClickListener;

  import android.widget.ImageView;

  public class animActivity extends Activity implements OnClickListener {

  ImageView iv = null;

  /** Called when the activity is first created. */

  @Override

  public void onCreate(Bundle savedInstanceState) {

  super.onCreate(savedInstanceState);

  setContentView(R.layout.main);

  iv = (ImageView) findViewById(R.id.ImageView01);

  iv.setOnClickListener(this);

  }

  @Override

  public void onClick(View v) {

  // TODO Auto-generated method stub

  AnimationDrawable anim = null;

  Object ob = iv.getBackground();

  anim = (AnimationDrawable) ob;

  anim.stop();

  anim.start();

  }

  }


使用AnimationDrawable 对象获得图片的图片,然后指定这个AnimationDrawable 开始播放动画

  Tip:使用此方法不会默认播放,必须要有事件触发才可播放动画,如上面的通过点击监听触发动画的播放

  那么如何使用图片自动播放呢?我们可以联想一下,ProgressBar 是不是默认的时候就会转,那就是那个圆形的进度条,是的。我们可以对它进行改造合它也可以自动播放,在Values 文件下新建一个styles 文件,编写如下代码 :

  <?xml version="1.0" encoding="UTF-8"?>

  <resources>

  <style name="animStyle" parent="@android:style/Widget.ProgressBar.Large">

  <item name="android:indeterminateDrawable">@anim/test</item>

  </style>

  </resources>


复制代码
上面样式文件自Widget.ProgressBar.Large 为其设置动画文件,我们在XML中就可以通过设置它的样式使其为我们工作

<ProgressBar android:id="@+id/ProgressBar01" style="@style/animStyle"

android:layout_width="128px" android:layout_height="128px"></ProgressBar>


OK,就是这么简单,下面看看运行效果:



2012-3-23 14:29 上传
下载附件(38.07
KB)
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: