今天我们就来学习逐帧动画,废话少说直接上效果图如下:

帧动画的实现方式有两种：

一、在res/drawable文件夹下新建animation-list的XML实现帧动画

1、首先在res/drawable文件夹下添加img00-img24共25张图片

2、新建frame_anim.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" >
  4. <!-- animation-list 帧动画 -->
  5. <!-- android:oneshot的值为 false代表播放多次，true代表只播放一次 -->
  6. <!-- duration代表每张图片的播放时间 ,定义一个持续时间为50毫秒的动画帧 -->
  7. <item
  8. android:drawable="@drawable/img00"
  9. android:duration="50"/>
  10. <item
  11. android:drawable="@drawable/img01"
  12. android:duration="50"/>
  13. <item
  14. android:drawable="@drawable/img02"
  15. android:duration="50"/>
  16. <item
  17. android:drawable="@drawable/img03"
  18. android:duration="50"/>
  19. <item
  20. android:drawable="@drawable/img04"
  21. android:duration="50"/>
  22. <item
  23. android:drawable="@drawable/img05"
  24. android:duration="50"/>
  25. <item
  26. android:drawable="@drawable/img06"
  27. android:duration="50"/>
  28. <item
  29. android:drawable="@drawable/img07"
  30. android:duration="50"/>
  31. <item
  32. android:drawable="@drawable/img08"
  33. android:duration="50"/>
  34. <item
  35. android:drawable="@drawable/img09"
  36. android:duration="50"/>
  37. <item
  38. android:drawable="@drawable/img10"
  39. android:duration="50"/>
  40. <item
  41. android:drawable="@drawable/img11"
  42. android:duration="50"/>
  43. <item
  44. android:drawable="@drawable/img12"
  45. android:duration="50"/>
  46. <item
  47. android:drawable="@drawable/img13"
  48. android:duration="50"/>
  49. <item
  50. android:drawable="@drawable/img14"
  51. android:duration="50"/>
  52. <item
  53. android:drawable="@drawable/img15"
  54. android:duration="50"/>
  55. <item
  56. android:drawable="@drawable/img16"
  57. android:duration="50"/>
  58. <item
  59. android:drawable="@drawable/img17"
  60. android:duration="50"/>
  61. <item
  62. android:drawable="@drawable/img18"
  63. android:duration="50"/>
  64. <item
  65. android:drawable="@drawable/img19"
  66. android:duration="50"/>
  67. <item
  68. android:drawable="@drawable/img20"
  69. android:duration="50"/>
  70. <item
  71. android:drawable="@drawable/img21"
  72. android:duration="50"/>
  73. <item
  74. android:drawable="@drawable/img22"
  75. android:duration="50"/>
  76. <item
  77. android:drawable="@drawable/img23"
  78. android:duration="50"/>
  79. <item
  80. android:drawable="@drawable/img24"
  81. android:duration="50"/>
  82. </animation-list>

3、在activity_main中添加控件

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2. xmlns:tools="http://schemas.android.com/tools"
  3. android:layout_width="match_parent"
  4. android:layout_height="match_parent"
  5. tools:context="com.havorld.frameanimation.MainActivity" >
  6. <ImageView
  7. android:id="@+id/imageView"
  8. android:layout_width="wrap_content"
  9. android:layout_height="wrap_content"
  10. android:layout_centerInParent="true" />
  11. <!-- android:background="@drawable/frame_anim" -->
  12. <LinearLayout
  13. android:layout_width="match_parent"
  14. android:layout_height="wrap_content"
  15. android:layout_alignParentBottom="true"
  16. android:orientation="horizontal"
  17. android:padding="10dp" >
  18. <Button
  19. android:id="@+id/start"
  20. android:layout_width="0dp"
  21. android:layout_height="wrap_content"
  22. android:layout_weight="1"
  23. android:text="播放" />
  24. <Button
  25. android:id="@+id/stop"
  26. android:layout_width="0dp"
  27. android:layout_height="wrap_content"
  28. android:layout_weight="1"
  29. android:text="停止" />
  30. </LinearLayout>
  31. </RelativeLayout>

4、在代码中获取并开启帧动画

  1. public class MainActivity extends Activity implements OnClickListener {
  2. private ImageView imageView;
  3. private AnimationDrawable animationDrawable;
  4. @Override
  5. protected void onCreate(Bundle savedInstanceState) {
  6. super.onCreate(savedInstanceState);
  7. setContentView(R.layout.activity_main);
  8. imageView = (ImageView) findViewById(R.id.imageView);
  9. findViewById(R.id.start).setOnClickListener(this);
  10. findViewById(R.id.stop).setOnClickListener(this);
  11. setXml2FrameAnim1();
  12. // setXml2FrameAnim2();
  13. }
  14. /**
  15. * 通过XML添加帧动画方法一
  16. */
  17. private void setXml2FrameAnim1() {
  18. // 把动画资源设置为imageView的背景,也可直接在XML里面设置
  19. imageView.setBackgroundResource(R.drawable.frame_anim);
  20. animationDrawable = (AnimationDrawable) imageView.getBackground();
  21. }
  22. /**
  23. * 通过XML添加帧动画方法二
  24. */
  25. private void setXml2FrameAnim2() {
  26. // 通过逐帧动画的资源文件获得AnimationDrawable示例
  27. animationDrawable = (AnimationDrawable) getResources().getDrawable(
  28. R.drawable.frame_anim);
  29. imageView.setBackground(animationDrawable);
  30. }
  31. @Override
  32. public void onClick(View v) {
  33. switch (v.getId()) {
  34. case R.id.start:
  35. if (animationDrawable != null && !animationDrawable.isRunning()) {
  36. animationDrawable.start();
  37. }
  38. break;
  39. case R.id.stop:
  40. if (animationDrawable != null && animationDrawable.isRunning()) {
  41. animationDrawable.stop();
  42. }
  43. break;
  44. default:
  45. break;
  46. }
  47. }
  48. }

二、通过代码实现帧动画

  1. /**
  2. * 通过代码添加帧动画方法
  3. */
  4. private void setSrc2FrameAnim() {
  5. animationDrawable = new AnimationDrawable();
  6. // 为AnimationDrawable添加动画帧
  7. animationDrawable.addFrame(
  8. getResources().getDrawable(R.drawable.img00), 50);
  9. animationDrawable.addFrame(
  10. getResources().getDrawable(R.drawable.img01), 50);
  11. animationDrawable.addFrame(
  12. getResources().getDrawable(R.drawable.img02), 50);
  13. animationDrawable.addFrame(
  14. getResources().getDrawable(R.drawable.img03), 50);
  15. animationDrawable.addFrame(
  16. getResources().getDrawable(R.drawable.img04), 50);
  17. animationDrawable.addFrame(
  18. getResources().getDrawable(R.drawable.img05), 50);
  19. animationDrawable.addFrame(
  20. getResources().getDrawable(R.drawable.img06), 50);
  21. animationDrawable.addFrame(
  22. getResources().getDrawable(R.drawable.img07), 50);
  23. animationDrawable.addFrame(
  24. getResources().getDrawable(R.drawable.img08), 50);
  25. animationDrawable.addFrame(
  26. getResources().getDrawable(R.drawable.img09), 50);
  27. animationDrawable.addFrame(
  28. getResources().getDrawable(R.drawable.img10), 50);
  29. animationDrawable.addFrame(
  30. getResources().getDrawable(R.drawable.img11), 50);
  31. animationDrawable.addFrame(
  32. getResources().getDrawable(R.drawable.img12), 50);
  33. animationDrawable.addFrame(
  34. getResources().getDrawable(R.drawable.img13), 50);
  35. animationDrawable.addFrame(
  36. getResources().getDrawable(R.drawable.img14), 50);
  37. animationDrawable.addFrame(
  38. getResources().getDrawable(R.drawable.img15), 50);
  39. animationDrawable.addFrame(
  40. getResources().getDrawable(R.drawable.img16), 50);
  41. animationDrawable.addFrame(
  42. getResources().getDrawable(R.drawable.img17), 50);
  43. animationDrawable.addFrame(
  44. getResources().getDrawable(R.drawable.img18), 50);
  45. animationDrawable.addFrame(
  46. getResources().getDrawable(R.drawable.img19), 50);
  47. animationDrawable.addFrame(
  48. getResources().getDrawable(R.drawable.img20), 50);
  49. animationDrawable.addFrame(
  50. getResources().getDrawable(R.drawable.img21), 50);
  51. animationDrawable.addFrame(
  52. getResources().getDrawable(R.drawable.img22), 50);
  53. animationDrawable.addFrame(
  54. getResources().getDrawable(R.drawable.img23), 50);
  55. animationDrawable.addFrame(
  56. getResources().getDrawable(R.drawable.img24), 50);
  57. // 设置为循环播放
  58. animationDrawable.setOneShot(false);
  59. imageView.setBackground(animationDrawable);
  60. }

点击下载源码

Android动画之逐帧动画(FrameAnimation)详解的更多相关文章

  1. Android 学习之逐帧动画（Frame）

    帧动画就是将一些列图片.依次播放. 利用肉眼的"视觉暂留"的原理,给用户的感觉是动画的错觉,逐帧动画的原理和早期的电影原理是一样的. a:须要定义逐帧动画,能够通过代码定义.也能够 ...

  2. android中的逐帧动画

    在android中实现动画最简单的一种方式就是使用逐帧动画(AnimationDrawable).逐帧动画的原理同最古老的动画机制是一样的,通过快速的播放一组变化微小的图片,在人眼的视差时间下,达到一 ...

  3. Android（java）学习笔记198：Android下的逐帧动画（Drawable Animation）

    1.帧动画: 帧动画顾名思义,一帧一帧播放的动画就是帧动画. 帧动画和我们小时候看的动画片的原理是一样的,在相同区域快速切换图片给人们呈现一种视觉的假象感觉像是在播放动画,其实不过是N张图片在一帧一帧 ...

  4. Android（java）学习笔记141：Android下的逐帧动画（Drawable Animation）

    1. 帧动画: 帧动画顾名思义,一帧一帧播放的动画就是帧动画. 帧动画和我们小时候看的动画片的原理是一样的,在相同区域快速切换图片给人们呈现一种视觉的假象感觉像是在播放动画,其实不过是N张图片在一帧一 ...

  5. Android简单逐帧动画Frame的实现（三）

    android之动画(三)通过AnimationDrawable控制逐帧动画     android与逐帧动画: 效果图: 当我们点击按钮时,该图片会不停的旋转,当再次点击按钮时,会停止在当前的状态. ...

  6. Android中实现一个简单的逐帧动画(附代码下载)

    场景 Android中的逐帧动画,就是由连续的一张张照片组成的动画. 效果 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 ...

  7. css3 实现逐帧动画

    css3 实现逐帧动画 实现逐帧动画需要使用到的是Animation动画,该CSS3的Animation有八个属性:分别是如下:1: animation-name2: animation-durati ...

  8. Android中的动画详解系列【1】——逐帧动画

    逐帧动画其实很简单,下面我们来看一个例子: <?xml version="1.0" encoding="utf-8"?> <animation ...

  9. Android 逐帧动画isRunning 一直返回true的问题

    AnimationDrawabl主要通过xml实现逐帧动画,SDK实例如下: An AnimationDrawable defined in XML consists of a single < ...

随机推荐

  1. strace命令，read,write

    strace + 运行的程序,可以查看程序运行的过程中调用的系统函数 read.write函数常常被称为Unbuffered I/O.指的是无用户及缓冲区.但不保证不使用内核缓冲区.

  2. 2018.9南京网络预选赛(J)

    传送门:Problem J https://www.cnblogs.com/violet-acmer/p/9720603.html 变量解释: need[ i ] : 第 i 个房间含有的旧灯泡个数. ...

  3. C++中hpp的适用

    本文第一部分转载百度百科,在此感谢百度.第二部分示例为独立编写. hpp,其实质就是将.cpp的实现代码混入.h头文件当中,定义与实现都包含在同一文件,则该类的调用者只需要include该hpp文件即 ...

  4. 用webstorm来开发微信小程序之less的配置

    1.安装less. 安装好node之后,打开运行-->cmd-->进入安装node的文件夹目录-->输入 npm install -g less. 然后自动就会在C:\Users\A ...

  5. 【Maven】eclipse中使用Maven、生命周期

    1.在eclipse中创建maven工程 >>在eclipse中配置maven: 配置maven版本:Eclips自带了一个maven,一般不用自带的这个,而选择我们安装的那个maven ...

  6. 挖洞姿势：特殊的上传技巧，绕过PHP图片转换实现远程代码执行（RCE）

    我使用了一个特殊的图片上传技巧,绕过PHP GD库对图片的转换处理,最终成功实现了远程代码执行. 事情是这样的.当时我正在测试该网站上是否存在sql注入漏洞,不经意间我在网站个人页面发现了一个用于上传 ...

  7. 基于Redisson实现分布式锁

    前言 最近开发了几个微服务上线了,发现定时任务执行了很多次,查看rancher发现这几个微服务都是多实例的,也就是说定时任务执行了多次,恰好所用框架中使用的是Redisson, 正好记录下使用Redi ...

  8. VS复制文件到输出目录

    1.选中项目文件 2. 3.编译时就会自动创建目录,并复制文件

  9. MyBatis第一个案例-----永远的HelloWorld 含所有代码

    1.创建表emp CREATE DATABASE mybatis; USE mybatis; CREATE TABLE emp( id INT(11) PRIMARY KEY AUTO_INCREME ...

  10. Java——关于num++和++num

    public class num_add_add { public static void numAdd(){ int num = 10; int a = num++; System.out.prin ...