Android动画之帧动画详解

简介: 一.概念帧动画也叫Drawable Animation,是最简单最直观的动画类型,他利用人眼的视觉暂留效应——也就是光对视网膜所产生的视觉在光停止作用后,仍会保留一段时间的现象。

一.概念

帧动画也叫Drawable Animation,是最简单最直观的动画类型,他利用人眼的视觉暂留效应——也就是光对视网膜所产生的视觉在光停止作用后,仍会保留一段时间的现象。在Android中实现帧动画,就是由设计师给出一系列状态不断变化的图片,开发者可以指定动画中每一帧对应的图片和持续时间,然后就可以开始播放动画了。具体有两种方式可以实现帧动画,分别是采用XML资源文件和代码实现。

二.实现

◆XML资源文件方式

1.在res/drawable目录中放入需要的图片

img_9f3fbfb84b4282c4ce06559bfad019a1.png

2.在res/drawable目录中新建animlist.xml文件,其中oneshot表示是否循环播放false为循环播放,duration表示图片停留的时间。

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false">
    <item android:drawable="@drawable/a1"
        android:duration="120"/>
    <item android:drawable="@drawable/a2"
        android:duration="120"/>
    <item android:drawable="@drawable/a3"
        android:duration="120"/>
    <item android:drawable="@drawable/a4"
        android:duration="120"/>
    <item android:drawable="@drawable/a5"
        android:duration="120"/>
    <item android:drawable="@drawable/a6"
        android:duration="120"/>
    <item android:drawable="@drawable/a7"
        android:duration="120"/>
</animation-list>

3.在布局文件中进行设置

<ImageView
    android:id="@+id/image"
    android:background="@drawable/animlist"
    android:layout_width="wrap_content"
    android:layout_centerInParent="true"
    android:layout_height="wrap_content" />

4.代码中播放动画

AnimationDrawable animationDrawable= (AnimationDrawable) imageView.getBackground();
//开始动画
animationDrawable.start();
//结束动画
animationDrawable.stop();

◆代码动态实现

AnimationDrawable animationDrawable=new AnimationDrawable();
    for(int x=1;x<8;x++){
        int id=getResources().getIdentifier("a"+x,"drawable",getPackageName());
        Drawable drawable=getResources().getDrawable(id);
        animationDrawable.addFrame(drawable,120);
    }
//设置是否循环播放
 animationDrawable.setOneShot(false);
 imageView.setBackgroundDrawable(animationDrawable);
//开始动画
 animationDrawable.start();
//结束动画
animationDrawable.stop();

效果展示

img_81a7b9a8db3c7437f57920bfceb03e60.gif
image

个人博客:https://myml666.github.io/

目录
相关文章
|
18天前
|
Java Android开发
Android开发之使用OpenGL实现翻书动画
本文讲述了如何使用OpenGL实现更平滑、逼真的电子书翻页动画,以解决传统贝塞尔曲线方法存在的卡顿和阴影问题。作者分享了一个改造后的外国代码示例,提供了从前往后和从后往前的翻页效果动图。文章附带了`GlTurnActivity`的Java代码片段,展示如何加载和显示书籍图片。完整工程代码可在作者的GitHub找到:https://github.com/aqi00/note/tree/master/ExmOpenGL。
19 1
Android开发之使用OpenGL实现翻书动画
|
3月前
|
XML 开发工具 Android开发
Android动画效果-更新中
Android动画效果-更新中
59 1
|
4月前
|
XML Android开发 数据格式
[Android]动画
[Android]动画
33 0
|
4月前
|
API Android开发 开发者
【Android App】Vulkan实现宇宙中旋转雷达动画效果(附源码和原始视频 超详细必看)
【Android App】Vulkan实现宇宙中旋转雷达动画效果(附源码和原始视频 超详细必看)
68 1
|
4月前
|
XML 小程序 Java
【Android App】给三维魔方贴图以及旋转动画讲解和实战(附源码和演示视频 超详细必看)
【Android App】给三维魔方贴图以及旋转动画讲解和实战(附源码和演示视频 超详细必看)
28 0
|
4月前
|
XML Java Android开发
Android App开发手机阅读中实现平滑翻书效果和卷曲翻书动画实战(附源码 简单易懂 可直接使用)
Android App开发手机阅读中实现平滑翻书效果和卷曲翻书动画实战(附源码 简单易懂 可直接使用)
70 0
|
4月前
|
XML Java Android开发
Android App开发手机阅读中贝塞尔曲线的原理讲解及实现波浪起伏动画实战(附源码和演示视频 可直接使用)
Android App开发手机阅读中贝塞尔曲线的原理讲解及实现波浪起伏动画实战(附源码和演示视频 可直接使用)
47 0
|
4月前
|
XML Java Android开发
Android App开发实战项目之仿手机QQ动感影集动画播放(附源码和演示视频 可直接使用)
Android App开发实战项目之仿手机QQ动感影集动画播放(附源码和演示视频 可直接使用)
29 0
|
4月前
|
XML Java Android开发
Android App开发动画特效之利用滚动器实现平滑翻页(附源码和演示 简单易懂)
Android App开发动画特效之利用滚动器实现平滑翻页(附源码和演示 简单易懂)
41 0
Android App开发动画特效之利用滚动器实现平滑翻页(附源码和演示 简单易懂)
|
4月前
|
XML Java Android开发
Android App开发动画特效之实现百叶窗动画和马赛克动画效果实战演示(附源码和演示视频 可直接使用)
Android App开发动画特效之实现百叶窗动画和马赛克动画效果实战演示(附源码和演示视频 可直接使用)
67 0