当前位置: 代码迷 >> Android >> Android开发:教您怎么让Gif动画动起来
  详细解决方案

Android开发:教您怎么让Gif动画动起来

热度:66   发布时间:2016-05-01 14:19:31.0
Android开发:教您如何让Gif动画动起来

?

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

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

gifsplitter2.0

下载地址:gif分割?

使用方法如下:

?

?

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

easygifanimator

软件下载:动画分割器?

使用方法如下:

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

得到了帧文件后我们可以就编写代码,在res目录下新建anim动画文件夹,写下如下代码

  1. <?xml?version="1.0"?encoding="UTF-8"?>?
  2. <animation-list?android:oneshot="false"?
  3. ????xmlns:android="http://schemas.android.com/apk/res/android">?

?

  1. ?
  2. ????<item?android:duration="150"?android:drawable="@drawable/xiu0"?/>?
  3. ????<item?android:duration="150"?android:drawable="@drawable/xiu1"?/>?
  4. ????<item?android:duration="150"?android:drawable="@drawable/xiu2"?/>?
  5. ????<item?android:duration="150"?android:drawable="@drawable/xiu3"?/>?
  6. </animation-list>? ?
  7. ? ?
  8. ?

?

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

对应Activity 代码如下编写:

  1. import?android.app.Activity; ?
  2. import?android.graphics.drawable.AnimationDrawable; ?
  3. import?android.os.Bundle; ?
  4. import?android.view.View; ?
  5. import?android.view.View.OnClickListener; ?
  6. import?android.widget.ImageView; ?
  7. ?
  8. public?class?animActivity?extends?Activity?implements?OnClickListener?{ ?
  9. ????ImageView?iv?=?null; ?
  10. ?
  11. ????/**?Called?when?the?activity?is?first?created.?*/ ?
  12. [email protected] ?
  13. ????public?void?onCreate(Bundle?savedInstanceState)?{ ?
  14. ????????super.onCreate(savedInstanceState); ?
  15. ????????setContentView(R.layout.main); ?
  16. ?
  17. ????????iv?=?(ImageView)?findViewById(R.id.ImageView01); ?
  18. ????????iv.setOnClickListener(this); ?
  19. ????} ?
  20. ?
  21. [email protected] ?
  22. ????public?void?onClick(View?v)?{ ?
  23. ????????//?TODO?Auto-generated?method?stub ?
  24. ????????AnimationDrawable?anim?=?null; ?
  25. ????????Object?ob?=?iv.getBackground(); ?
  26. ????????anim?=?(AnimationDrawable)?ob; ?
  27. ????????anim.stop(); ?
  28. ????????anim.start(); ?
  29. ????} ?
  30. } ?
  31. ?
  32. ? ?
  33. ?

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

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

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

  1. <?xml?version="1.0"?encoding="UTF-8"?>?
  2. <resources>?
  3. ????<style?name="animStyle"?parent="@android:style/Widget.ProgressBar.Large">?
  4. ????????<item?name="android:indeterminateDrawable">@anim/test</item>?
  5. ????</style>?
  6. </resources>? ?
  7. ? ?
  8. ?

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

  1. <ProgressBar?android:id="@+id/ProgressBar01"?style="@style/animStyle"?
  2. ????android:layout_width="128px"?android:layout_height="128px"></ProgressBar>?

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

  相关解决方案