最近在做东西的时候,有个需求就是在界面上添加一个GIF图片,一开始我把一个imageview的背景设置为GIF图片,但是在界面却呈现不出来,只显示出GIF图片的一帧,然后查了下资料,找到了解决方案:使用安卓提供的AnimationDrawable这一函数,对GIF图片进行逐帧播放
首先把GIF图片打散,
动画分割器网址 http://files.cnblogs.com/TerryBlog/easygifanimator.rar
点击文件将帧文件导出即可,
得到帧文件就可以来编写代码了,在res/drawable文件夹下新建个xml文件,
- <?xml version="1.0" encoding="UTF-8"?>
- <animation-list android:oneshot="false"
- xmlns:android="http://schemas.android.com/apk/res/android">
对应的item标签的顺序代表了帧播放的顺序,toneshot为false代表为无限循环播放,而true表示只播放一次,duration表示帧之间的播放间隔
- <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>
对应的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();
- }
- }
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>