Android开发:教您如何让Gif动画动起来

移动开发 Android
本文将为讲解Android中Gif图片播放的教程。Android 中是不支持直接使用Gif 图片关联播放帧动画,如下动画在Android 中是无法播放的,我们将教会您使用有效方法让Gif图片在Android下动起来。

我们已经连续推出《如何实现TCP和UDP传输》、《Android UI”设计官方教程多个Android开发教程,本文将为讲解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.     @Override  
  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.     @Override  
  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,就是这么简单,下面看看运行效果:

 

【编辑推荐】

  1. Android开发:自由选择TextView的文字
  2. Android开发:如何实现TCP和UDP传输
  3. 多图详解 “Android UI”设计官方教程
  4. 图文并茂 在MyEclipse 8.6上搭建Android开发环境
责任编辑:佚名 来源: 博客园
相关推荐

2012-09-03 09:21:51

2014-03-21 09:52:29

jQuery动画插件

2009-06-19 11:18:51

Factory BeaSpring配置

2022-06-07 09:00:32

PythonAI静态图片

2020-11-16 11:50:21

Python代码命令

2011-09-15 17:36:29

Android应用Call Cartoo动画

2013-05-27 15:35:18

用友UAP移动应用移动平台

2012-05-21 10:53:30

HTML5

2011-06-01 14:51:54

jQuery

2021-09-26 09:23:01

GC算法垃圾

2022-02-24 08:30:24

操作系统CPU程序

2018-07-26 13:53:27

2012-05-21 10:45:30

HTML5

2010-05-21 11:03:51

统一通信系统

2021-04-12 11:47:21

人工智能知识图谱

2022-07-13 15:46:57

Python数据可视化代码片段

2015-12-01 13:51:52

Webrtc

2010-09-01 17:35:41

云计算

2019-05-21 14:18:09

PygamePython编程语言

2019-05-22 15:04:34

Python磁盘IO
点赞
收藏

51CTO技术栈公众号