在开始实例讲解之前,先引用官方文档中的一段话:

Frame动画是一系列图片按照一定的顺序展示的过程,和放电影的机制很相似,我们称为逐帧动画。Frame动画可以被定义在XML文件中,也可以完全编码实现。

如果被定义在XML文件中,我们可以放置在/res下的anim或drawable目录中(/res/[anim | drawable]/filename.xml),文件名可以作为资源ID在代码中引用;如果由完全由编码实现,我们需要使用到 AnimationDrawable对象。

如果是将动画定义在XML文件中的话,语法如下:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:oneshot=["true" | "false"] >
  4. <item
  5. android:drawable="@[package:]drawable/drawable_resource_name"
  6. android:duration="integer" />
  7. </animation-list>

需要注意的是:

<animation-list>元素是必须的,并且必须要作为根元素,可以包含一或多个<item>元素;android:onshot如果定义为true的话,此动画只会执行一次,如果为false则一直循环。

<item>元素代表一帧动画,android:drawable指定此帧动画所对应的图片资源,android:druation代表此帧持续的时间,整数,单位为毫秒。

文档接下来的示例我就不在解说了,因为接下来我们也要结合自己的实例演示一下这个过程。

我们新建一个名为anim的工程,将四张连续的图片分别命名为f1.png,f2.png,f3.png,f4.png,放于drawable目录,然后新建一个frame.xml文件:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
  3. android:oneshot="false">
  4. <item android:drawable="@drawable/f1" android:duration="300" />
  5. <item android:drawable="@drawable/f2" android:duration="300" />
  6. <item android:drawable="@drawable/f3" android:duration="300" />
  7. <item android:drawable="@drawable/f4" android:duration="300" />
  8. </animation-list>

我们可以将frame.xml文件放置于drawable或anim目录,官方文档上是放到了drawable中了,大家可以根据喜好来放置,放在这两个目录都是可以运行的。

然后介绍一下布局文件res/layout/frame.xml:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout
  3. xmlns:android="http://schemas.android.com/apk/res/android"
  4. android:orientation="vertical"
  5. android:layout_width="fill_parent"
  6. android:layout_height="fill_parent">
  7. <ImageView
  8. android:id="@+id/frame_image"
  9. android:layout_width="fill_parent"
  10. android:layout_height="fill_parent"
  11. android:layout_weight="1"/>
  12. <Button
  13. android:layout_width="fill_parent"
  14. android:layout_height="wrap_content"
  15. android:text="stopFrame"
  16. android:onClick="stopFrame"/>
  17. <Button
  18. android:layout_width="fill_parent"
  19. android:layout_height="wrap_content"
  20. android:text="runFrame"
  21. android:onClick="runFrame"/>
  22. </LinearLayout>

我们定义了一个ImageView作为动画的载体,然后定义了两个按钮,分别是停止和启动动画。

接下来介绍一下如何通过加载动画定义文件来实现动画的效果。我们首先会这样写:

  1. package com.scott.anim;
  2. import android.app.Activity;
  3. import android.graphics.drawable.AnimationDrawable;
  4. import android.graphics.drawable.Drawable;
  5. import android.os.Bundle;
  6. import android.view.View;
  7. import android.widget.ImageView;
  8. public class FrameActivity extends Activity {
  9. private ImageView image;
  10. @Override
  11. protected void onCreate(Bundle savedInstanceState) {
  12. super.onCreate(savedInstanceState);
  13. setContentView(R.layout.frame);
  14. image = (ImageView) findViewById(R.id.frame_image);
  15. image.setBackgroundResource(R.anim.frame);
  16. AnimationDrawable anim = (AnimationDrawable) image.getBackground();
  17. anim.start();
  18. }
  19. }

看 似十分完美,跟官方文档上写的一样,然而当我们运行这个程序时会发现,它只停留在第一帧,并没有出现我们期望的动画,也许你会失望的说一 句:“Why?”,然后你把相应的代码放在一个按钮的点击事件中,动画就顺利执行了,再移回到onCreate中,还是没效果,这个时候估计你会气急败坏 的吼一句:“What the fuck!”。但是,什么原因呢?如何解决呢?

出现这种现象是因为当我们在onCreate中调用AnimationDrawable的start方法时,窗口Window对象还没有完全初始 化,AnimationDrawable不能完全追加到窗口Window对象中,那么该怎么办呢?我们需要把这段代码放在 onWindowFocusChanged方法中,当Activity展示给用户时,onWindowFocusChanged方法就会被调用,我们正是 在这个时候实现我们的动画效果。当然,onWindowFocusChanged是在onCreate之后被调用的,如图:

然后我们需要重写一下代码:

  1. package com.scott.anim;
  2. import android.app.Activity;
  3. import android.graphics.drawable.AnimationDrawable;
  4. import android.graphics.drawable.Drawable;
  5. import android.os.Bundle;
  6. import android.view.View;
  7. import android.widget.ImageView;
  8. public class FrameActivity extends Activity {
  9. private ImageView image;
  10. @Override
  11. protected void onCreate(Bundle savedInstanceState) {
  12. super.onCreate(savedInstanceState);
  13. setContentView(R.layout.frame);
  14. image = (ImageView) findViewById(R.id.frame_image);
  15. }
  16. @Override
  17. public void onWindowFocusChanged(boolean hasFocus) {
  18. super.onWindowFocusChanged(hasFocus);
  19. image.setBackgroundResource(R.anim.frame);
  20. AnimationDrawable anim = (AnimationDrawable) image.getBackground();
  21. anim.start();
  22. }
  23. }

运行一下,动画就可以正常显示了。

如果在有些场合,我们需要用纯代码方式实现一个动画,我们可以这样写:

  1. AnimationDrawable anim = new AnimationDrawable();
  2. for (int i = 1; i <= 4; i++) {
  3. int id = getResources().getIdentifier("f" + i, "drawable", getPackageName());
  4. Drawable drawable = getResources().getDrawable(id);
  5. anim.addFrame(drawable, 300);
  6. }
  7. anim.setOneShot(false);
  8. image.setBackgroundDrawable(anim);
  9. anim.start();

完整的FrameActivity.java代码如下:

    1. package com.scott.anim;
    2. import android.app.Activity;
    3. import android.graphics.drawable.AnimationDrawable;
    4. import android.graphics.drawable.Drawable;
    5. import android.os.Bundle;
    6. import android.view.View;
    7. import android.widget.ImageView;
    8. public class FrameActivity extends Activity {
    9. private ImageView image;
    10. @Override
    11. protected void onCreate(Bundle savedInstanceState) {
    12. super.onCreate(savedInstanceState);
    13. setContentView(R.layout.frame);
    14. image = (ImageView) findViewById(R.id.frame_image);
    15. }
    16. @Override
    17. public void onWindowFocusChanged(boolean hasFocus) {
    18. super.onWindowFocusChanged(hasFocus);
    19. image.setBackgroundResource(R.anim.frame);  //将动画资源文件设置为ImageView的背景
    20. AnimationDrawable anim = (AnimationDrawable) image.getBackground(); //获取ImageView背景,此时已被编译成AnimationDrawable
    21. anim.start();   //开始动画
    22. }
    23. public void stopFrame(View view) {
    24. AnimationDrawable anim = (AnimationDrawable) image.getBackground();
    25. if (anim.isRunning()) { //如果正在运行,就停止
    26. anim.stop();
    27. }
    28. }
    29. public void runFrame(View view) {
    30. //完全编码实现的动画效果
    31. AnimationDrawable anim = new AnimationDrawable();
    32. for (int i = 1; i <= 4; i++) {
    33. //根据资源名称和目录获取R.java中对应的资源ID
    34. int id = getResources().getIdentifier("f" + i, "drawable", getPackageName());
    35. //根据资源ID获取到Drawable对象
    36. Drawable drawable = getResources().getDrawable(id);
    37. //将此帧添加到AnimationDrawable中
    38. anim.addFrame(drawable, 300);
    39. }
    40. anim.setOneShot(false); //设置为loop
    41. image.setBackgroundDrawable(anim);  //将动画设置为ImageView背景
    42. anim.start();   //开始动画
    43. }
    44. }

详解Android动画之Frame Animation的更多相关文章

  1. 详解Android动画之Frame Animation(转)

    在开始实例讲解之前,先引用官方文档中的一段话: Frame动画是一系列图片按照一定的顺序展示的过程,和放电影的机制很相似,我们称为逐帧动画.Frame动画可以被定义在XML文件中,也可以完全编码实现. ...

  2. 详解Android动画之Tween Animation

    前面讲了动画中的Frame动画,今天就来详细讲解一下Tween动画的使用. 同样,在开始实例演示之前,先引用官方文档中的一段话: Tween动画是操作某个控件让其展现出旋转.渐变.移动.缩放的这么一种 ...

  3. TranslateAnimation详解 Android动画。

    TranslateAnimation详解 Android JDK为我们提供了4种动画效果,分别是: AlphaAnimation,RotateAnimation, ScaleAnimation, Tr ...

  4. 【Android】详解Android动画

    目录结构: contents structure [+] 补间动画 使用java代码实现Alpha.Rotate.Scale.Translate动画 通过xml文件实现Alpha.Rotate.Sca ...

  5. 【Android】详解Android动画之Interpolator插入器

    Interpolator英文意思是: 篡改者; 分类机; 校对机 SDK对Interpolator的描述是:An interpolator defines the rate of change of ...

  6. [转]ANDROID L——Material Design详解(动画篇)

    转载请注明本文出自大苞米的博客(http://blog.csdn.net/a396901990),谢谢支持! 转自:http://blog.csdn.net/a396901990/article/de ...

  7. ios学习--详解IPhone动画效果类型及实现方法

    详解IPhone动画效果类型及实现方法是本文要介绍的内容,主要介绍了iphone中动画的实现方法,不多说,我们一起来看内容. 实现iphone漂亮的动画效果主要有两种方法,一种是UIView层面的,一 ...

  8. (转载)实例详解Android快速开发工具类总结

    实例详解Android快速开发工具类总结 作者:LiJinlun 字体:[增加 减小] 类型:转载 时间:2016-01-24我要评论 这篇文章主要介绍了实例详解Android快速开发工具类总结的相关 ...

  9. css 12-CSS3属性详解:动画详解

    12-CSS3属性详解:动画详解 #前言 本文主要内容: 过渡:transition 2D 转换 transform 3D 转换 transform 动画:animation #过渡:transiti ...

随机推荐

  1. iOS开发之自定义画板

    今天整好有时间, 写了一个自定义的画板!  [我的github] GLPaint主要采用QuartzCore框架, 对画布上的元素进行渲染, 然后通过UIImageWriteToSavedPhotos ...

  2. loadView 与 ViewDidLoad

    每个ios开发者对loadView和viewDidLoad肯定都很熟悉,虽然这两个函数使用上真的是非常简单,但是和类似的initWithNibName/awakeFromNib/initWithCod ...

  3. IOS中获取文件路径的方法

    iphone沙箱模型的有四个文件夹,分别是什么,永久数据存储一般放在什么位置,得到模拟器的路径的简单方式是什么. documents,tmp,app,Library. (NSHomeDirectory ...

  4. SQL Server 2012 Features

    SQL SQL Server 2012 新增加的几个函数: SELECT CONVERT (INT, 'Angkor-216.00') 直接报错 SELECT TRY_CONVERT(INT, 'SS ...

  5. ThinkPHP学习手记——环境搭建

    怀着激动的心情打开了thinkPHP的文档,开启了第一次php框架学习. 下载 ThinkPHP最新版本可以在官方网站(http://thinkphp.cn/down/framework.html) ...

  6. Linux发行版

    Linux 发行版(英语:Linux distribution,也被叫做GNU/Linux 发行版),为一般用户预先集成好的Linux操作系统及各种应用软件.一般用户不需要重新编译,在直接安装之后,只 ...

  7. 《Linux命令行大全》系列(二、导航)

    文件系统的导航,是一个不断访问树形结构中节点的过程. 文件系统树 Linux只有一个倒立的文件系统树 不同设备可以挂载到这同一个树上 文件和子目录是此树的组成部分,最顶层的即根目录 目录 根据树节点间 ...

  8. python中的单下划线和双下划线意义和作用

    Python中并没有真正意义上的“私有”,类的属性的的可见性取决于属性的名字(这里的属性包括了函数).例如,以单下划线开头的属性(例如_spam),应被当成API中非公有的部分(但是注意,它们仍然可以 ...

  9. Python+django部署(一)

    之所以 写这篇文章的原因在于django环境的确轻松搭建,之前Ubuntu上安装了,的确很轻松,但是后期我才知道随便做个环境出来很容易到了后面很麻烦,污 染了系统里的python版本,导致系统pyth ...

  10. NOI冲刺计划2

    吐槽:距离上一次写计划还没有一个月呢,咋又喊要重写捏?可以直接从上一次的计划粘上个一大半. bzoj刷题速度还是在计划之内的,这大半个月中,我bzoj刷进500道,知识方面主要是把莫比乌斯反演系统性的 ...