详解Android动画之Frame Animation

于 2024-05-11 10:41:02 发布
阅读量222 收藏 5
点赞数 4
分类专栏： 程序员 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84009929/article/details/138705450
版权

  1. android:text=“runFrame”

  2. android:onClick=“runFrame”/>

  3. </LinearLayout>

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

xmlns:android=“http://schemas.android.com/apk/res/android”

android:orientation=“vertical”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”>

<ImageView

android:id=“@+id/frame_image”

android:layout_width=“fill_parent”

android:layout_height=“fill_parent”

android:layout_weight=“1”/>

<Button

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:text=“stopFrame”

android:onClick=“stopFrame”/>

<Button

android:layout_width=“fill_parent”

android:layout_height=“wrap_content”

android:text=“runFrame”

android:onClick=“runFrame”/>

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

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

[java] view plain copy print ?

  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. }

package com.scott.anim;

import android.app.Activity;

import android.graphics.drawable.AnimationDrawable;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.view.View;

import android.widget.ImageView;

public class FrameActivity extends Activity {

private ImageView image;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.frame);

image = (ImageView) findViewById(R.id.frame_image);

image.setBackgroundResource(R.anim.frame);

AnimationDrawable anim = (AnimationDrawable) image.getBackground();

anim.start();

}

}

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

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

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

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

[java] view plain copy print ?

  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. }

package com.scott.anim;

import android.app.Activity;

import android.graphics.drawable.AnimationDrawable;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.view.View;

import android.widget.ImageView;

public class FrameActivity extends Activity {

private ImageView image;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.frame);

image = (ImageView) findViewById(R.id.frame_image);

}

@Override

public void onWindowFocusChanged(boolean hasFocus) {

super.onWindowFocusChanged(hasFocus);

image.setBackgroundResource(R.anim.frame);

AnimationDrawable anim = (AnimationDrawable) image.getBackground();

anim.start();

}

}

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

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

[java] view plain copy print ?

  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();

AnimationDrawable anim = new AnimationDrawable();

for (int i = 1; i <= 4; i++) {

int id = getResources().getIdentifier(“f” + i, “drawable”, getPackageName());

Drawable drawable = getResources().getDrawable(id);

anim.addFrame(drawable, 300);

}

anim.setOneShot(false);

image.setBackgroundDrawable(anim);

anim.start();

完整的FrameActivity.java代码如下：

[java] view plain copy print ?

  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();

题外话

我在一线互联网企业工作十余年里，指导过不少同行后辈。帮助很多人得到了学习和成长。

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多程序员朋友无法获得正确的资料得到学习提升，故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。

【Android思维脑图（技能树）】

知识不体系？这里还有整理出来的Android进阶学习的思维脑图，给大家参考一个方向。

希望我能够用我的力量帮助更多迷茫、困惑的朋友们，帮助大家在IT道路上学习和发展~
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！

我意识到有很多经验和知识值得分享给大家，也可以通过我们的能力和经验解答大家在IT学习中的很多困惑，所以在工作繁忙的情况下还是坚持各种整理和分享。但苦于知识传播途径有限，很多程序员朋友无法获得正确的资料得到学习提升，故此将并将重要的Android进阶资料包括自定义view、性能优化、MVC与MVP与MVVM三大框架的区别、NDK技术、阿里面试题精编汇总、常见源码分析等学习资料。

【Android思维脑图（技能树）】

知识不体系？这里还有整理出来的Android进阶学习的思维脑图，给大家参考一个方向。

[外链图片转存中…(img-2If8blNe-1715395251746)]

希望我能够用我的力量帮助更多迷茫、困惑的朋友们，帮助大家在IT道路上学习和发展~
《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》，点击传送门，即可获取！

2401_84009929
关注
  • 4
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android动画之逐帧动画(Frame Animation)实例详解
01-05
本文实例分析了Android动画之逐帧动画。分享给大家供大家参考，具体如下： 在开始实例讲解之前，先引用官方文档中的一段话： Frame动画是一系列图片按照一定的顺序展示的过程，和放电影的机制很相似，我们称为逐帧...
Android动画之逐帧动画(Frame Animation)基础学习
01-04
在Android中，动画Animation的实现有两种方式：Tween Animation（补间动画）和Frame Animation（帧动画）。渐变动画是通过对场景里的对象不断做图像变换（平移、缩放、旋转等）产生动画效果。帧动画则是通过顺序播放...
Android动画效果之Frame Animation（逐帧动画）
08-04 201
前言： 上一篇介绍了Android的Tween Animation（补间动画）Android动画效果之Tween Animation（补间动画），今天来总结下Android的另外一种动画Frame Animation（逐帧动画）。 其他几种动画效果： Android动画效果之Tween Animation（补间动画） Android动画效果之Frame...
【Android动画】之Frame动画
幻影浪子
04-13 6699
Android 平台提供了两类动画。 一类是Tween动画，就是对场景里的对象不断的进行图像变化来产生动画效果（旋转、平移、放缩和渐变）。第二类就是 Frame动画，即顺序的播放事先做好的图像，与gif图片原理类似。下面就讲一下Frame Animation。其实使用起来比较简单，首先需要创建一个AnimationDrawable对象，通过addFrame方法把每一帧要显示的内容添加进去，最后通过Start方法来播放动画。 同时还有设置循环setOneShot等方法可供使用。An object used t
Android View动画之——Frame动画
qiao0809的专栏
09-21 412
Drawable Animation,Drawable动画也叫Frame动画，是加载一系列的drawable资源然后逐帧地显示出来的动画，就像放幻灯片一样。Drawable Animation使用Drawable Animation也可以使用Java代码方式和xml两种方式，但是推荐使用xml方式。
Android中FrameAnimation动画的使用
【博客地址迁移到】：https://zhengxiaoyong.com
03-08 950
Frame Animation 表示帧动画，是顺序播放事先做好的图像，跟电影类似，Android SDK提供了另外一个类AnimationDrawable来定义使用Frame Animation。 下面我们就来看看具体怎么使用帧动画吧。 首先在drawable目录下新建一个frame.xml文件： <item android:drawable="@drawa
Android中的Frame动画
神vlinux飘飘的专栏
09-21 162
相信有Android手机的人都玩过一款Kuba的游戏（没玩过的我推荐去玩一下），里面用手指接触到屏幕后产生的爆炸效果确实增加了游戏的不少色彩。那么这个是怎么做出来的呢？   很明显，这个效果应该是一个动画序列图实现的，即Frame-by-Frame动画。Android实现Frame-by-Frame动画我会的有两种方法：   1、animation-list配置，预先将一个动画按照每帧分解...
Android动画（Frame Animation帧动画，Tweened Animation补间动画，Property Animation 属性动画）
夏夜追凉丶的博客
03-08 2694
Android动画（Frame Animation帧动画，Tweened Animation补间动画，Property Animation 属性动画）
liveAnimation.rar
07-24
此软件可实现mmd动作调用，应用与其他模型，如次世代，而不仅仅单一用于MMD模型。软件为全英文版本，但操作简单，安装插件之后，可直接打开软件使用。导入MMDvmd格式动作，转换成其他3D软件所需的动作格式，匹配骨骼后既可以实现与MMD舞蹈动作相同的效果。
android之frame动画详解
weixin_30505043的博客
05-14 135
上一篇我们说了android中的tween动画，这一篇我们说说frame动画，frame动画主要是实现了一种类似于gif动画的效果，就是多张图按预先设定好的时间依次连续显示。 新建一个android项目，名字叫做frameTest，在res文件夹下新建一个文件夹叫做anim,我们的frame动画的xml文件就放在这里。 在anim中新建一个frame.xml文件，内容如下：...
Android：frameAnimation
weixin_34021089的博客
06-19 61
一、通过xml文件设置1.配置drawable里的xml文件frameanim.xml代码：<?xmlversion="1.0"encoding="utf-8"?> <animation-listxmlns:android="http://schemas.android.com/apk/res/android" android:oneshot=...
Android 动画 之 FrameAnimation
dhl_1986的博客
02-25 421
  FrameAnimation 动画概述         FrameAnimation 又叫 DrawableAnimation 中文名叫 逐帧动画（Frame by Frame）。他能实现像幻灯片，放电影一样复杂的动画效果，灵活性非常强，几乎可以实现你想要的效果。 FrameAnimation 实现        逐帧动画有两种实现方式 xml  和java 这里推荐使用 xml ，使...
Android 动画--帧动画(Frame Animation)
Luckcat
04-16 612
Android 动画系列： Android 动画–帧动画(Frame Animation) Android 动画–补间动画(Tween Animation) 一. Android 动画分类 Android 动画可分以下两类：View 动画 和 属性动画 1. View 动画(View Animation) View Animation又可分为：帧动画(Frame Animation)和...
android Frame动画
michaelpp的专栏
07-25 559
android Frame动画   Frame动画是一系列图片按照一定的顺序展示的过程，有两种定义方式：XML形式，编码形式。 XML定义动画，按照动画定义语法完成XML，置于/res/anim目录下，文件名作为资源ID引用； 编码定义动画，使用Animation对象。 XML定义动画语法： http://schemas.android.com/apk
Android动画解析（一）—— Frame Animation（帧动画)
钝悟需要时间的打磨，顿悟需要时间的积累
03-05 7143
动画在我们实际开发中占有很重要的地位，一个优秀的动画能为我们的app应用增色很多，同时一个优秀的动画衔接能够增加我们app的逻辑展示。在Android系统中，系统给我们提供了几种动画的支持，分别是Frame Animation（帧动画）、Tween Animation（补间动画）以及3.0系统以后增加的Property Animator（属性动画）。这些动画的熟练使用可以帮助我们设计出perfect
Android动画之：Frame动画
true100的专栏
04-24 1095
Frame动画是Android动画中的一种 ，类似于我们看电影一样，动画是由N张图片组成的，在地一的时间内轮流显示图片实现动画现象。实现Frame动画也有两种方式，一种在xml中写动画布局，另外一种是纯代码实现 。     先看下Frame动画的xml布局方法：                         在代码中实现就三句代码：         
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值