zoukankan      html  css  js  c++  java
  • Android基础夯实--重温动画(二)之Frame Animation

    心灵鸡汤:天下事有难易乎,为之,则难者亦易矣;不为,则易者亦难矣。

    摘要

    当你已经掌握了Tween Animation之后,再来看Frame Animation,你就会顿悟,喔,原来Frame Animation简单多了,那么恭喜你,你已经在Animation这条路上走得越来越远了,当你花十来分钟认真看完这篇文章,你就已经走完了动画这条小路的2/3。

    概述

    我们都知道,在Android系统中,官方给我们提供了两种类型的动画:属性动画(Property Animation)视图动画(View Animation),而视图动画又包含了两种类型:补间动画(Tween animation) 和 帧动画(Frame animation)。

    Android基础夯实--重温动画(一)之Tween Animation我们已经对Tween Animation进行了详细讲解,这一片,我会给大家介绍视图动画的另一种 Frame Animation。

    在开发中,除了常用的Tween Animation以外,我们还会用到Frame Animation,就是我们所说的帧动画,之所以要实现帧动画是因为它可以实现类似电影的动态效果,因为我们平时所拍的视频也是通过一张张照片插入每一帧,串联起来,从而实现连续播放的视觉效果,而这Tween Animation是无法实现,只能通过Frame Animation来实现。例如我们常见的App动态引导页,很多都是通过Frame Animation来实现的。

    引导页

    总体来说,Frame Animation实现起来也是比较简单,本文也是主要做一个抛砖引玉,只做基本介绍,更多进阶知识需要大家日后摸索,更权威解释可以看官方文档:Frame Animation。以下先通过Demo给大家更直观地展示Frame Animation。

    本文主要对View Animation的Frame Animation做介绍,如果大家有兴趣,可以继续阅读本动画系列其他相关文章,作者也在不断更新完善相关内容,希望大家可以指出有误之处。

    Android基础夯实--重温动画(一)之Tween Animation

    Android基础夯实--重温动画(三)之初识Property Animation

    Android基础夯实--重温动画(四)之属性动画 ValueAnimator详解

    Demo

    这个Demo主要是使用Frame Animation来实现ImageView播放gif图效果。

    效果图

    效果图

    代码实现

    1. 首先在res/drawable/目录下,增添一个frame.xml文件,里面主要写每一帧播放哪一张照片。最外层标签必须是animation-list,子标签item对应每一帧,每一个item里面的drawable属性对应图片位置、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/g1"
            android:duration="200" />
        <item
            android:drawable="@drawable/g2"
            android:duration="200" />
        <item
            android:drawable="@drawable/g3"
            android:duration="200" />
        <item
            android:drawable="@drawable/g4"
            android:duration="200" />
        <item
            android:drawable="@drawable/g5"
            android:duration="200" />
        <item
            android:drawable="@drawable/g6"
            android:duration="200" />
    </animation-list>
    
    
    1. 在Activity中,实现如下代码:
    //将控件背景设置为我们的AnimationDrawable资源文件
    image.setBackgroundResource(R.drawable.frame);
    mBinding.play.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            //拿到要编译成AnimationDrawable的背景
            AnimationDrawable imageAnimation = (AnimationDrawable)image.getBackground();
            //开始动画
            imageAnimation.start();
        }
    });
    

    Frame Animation

    在Android的官方文档中,Google对Frame Animation的讲解只是用了比较小的篇幅,可能是因为过于简单,当然,大家通过我上面所说的例子也可以看得出Frame Animation的使用也是非常的简单,下面主要介绍Frame Animation的要点。

    文件位置

    在资源文件夹下:res/drawable/filename.xml

    编译

    在上面的例子我们可以了解到,在Activity中,我们是通过image.getBackground()获取到的对象转为了AnimationDrawable,这是因为在我们的xml文件被编译器编译之后就变成了 AnimationDrawable类。

    语法

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

    标签

    ** < animation-list > ** :外层必须要的标签,里面包含一个以上的标签

    • 属性:
      1. android:oneshot:true则只运行一次,false则重复动画。

    ** < item > ** :每一帧的动画,必须是的子标签。

    • 属性:
      1. android:drawable:对应资源文件。
      2. android:duration:每一帧时长。

    AnimationDrawable

    AnimationDrawable就是对应于我们自身定义的xml文件,在Java代码中将xml对象转为了AnimationDrawable之后,我们就可以通过它来获取xml文件里面的属性。

    父类

    AnimationDrawable继承于Object -> Drawable -> DrawableContainer。

    接口

    实现了Runnable, Animatable接口。

    XML文件中的变量

    • android:drawable: 用于该帧的图片。
    • android:duration: 每一帧的时长。
    • android:oneshot: true则只运行一次,false则重复动画。
    • android:variablePadding: 如果true,允许drawable文件的当前状态改变。
    • android:visible: 是否可见。

    方法

    • void addFrame (Drawable frame, int duration): 添加一帧动画到动画里面。
    • int getDuration (int i): 获取第i帧的时长。
    • Drawable getFrame (int index): 获取第i帧的Drawbale。
    • int getNumberOfFrames (): 获取共有多少帧。
    • void inflate (Resources r, XmlPullParser parser, AttributeSet attrs, Resources.Theme theme): 从XML资源里面加载一个Drawable文件。
    • boolean isOneShot (): 判断是否单次播放。
    • boolean isRunning (): 判断动画是否还在运行。
    • Drawable mutate (): 一个drawable如果使用了mutate()方法,那么对这个drawable属性(包括设置drawable的透明度)修改将不会共享。
    • void setOneShot (boolean oneShot): 设置动画播放一次或者循环。
    • boolean setVisible (boolean visible, boolean restart): 设置该AnimationDrawable是否可见。
    • void start (): 播放。
    • void stop (): 停止。
    • void unscheduleSelf (Runnable what): 让动画重新回到-1帧。

    总结

    Frame Animation总体来说比较简单,通过XML的划分帧,在Java代码中获取到编译的AnimationDrawable,然后进行播放,难点不多,却是很多引导页的常用实现方法。

  • 相关阅读:
    MySQL ON DUPLICATE KEY UPDATE 语法
    MySQl 截取函数 left(),right(),substring(),substring_index() 的用法
    MySQL timestampdiff 和 timestampadd 的用法
    MySQL replace 和 replace into 的用法
    MySQL exists 和 not exists 的用法
    MySQL concat、concat_ws 和 group_concat 的用法
    Python数据类型及其方法详解
    《Python编程从入门到实践》_第八章_函数
    《Python编程从入门到实践》_第七章_用户输入和whlie循环
    编码的秘密(python版)
  • 原文地址:https://www.cnblogs.com/ryanleee/p/8204642.html
Copyright © 2011-2022 走看看