• Android动画效果之Frame Animation(逐帧动画)


    前言:

          上一篇介绍了Android的Tween Animation(补间动画) Android动画效果之Tween Animation(补间动画),今天来总结下Android的另外一种动画Frame Animation(逐帧动画)。

         其他几种动画效果:

    Frame Animation(逐帧动画):

           逐帧动画(Frame-by-frame Animations)从字面上理解就是一帧挨着一帧的播放图片,就像放电影一样。和补间动画一样可以通过xml实现也可以通过java代码实现。接下来借助目前项目中的一个开奖的动画来总结如何使用。实现效果如下:

    具体实现过程:

    1.)在res/drawable目录下一个文件lottery_animlist.xml,内容如下:

    <?xml version="1.0" encoding="utf-8"?>
    <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
        android:oneshot="false">
    
        <item
            android:drawable="@mipmap/lottery_1"
            android:duration="200" />
        <item
            android:drawable="@mipmap/lottery_2"
            android:duration="200" />
        <item
            android:drawable="@mipmap/lottery_3"
            android:duration="200" />
        <item
            android:drawable="@mipmap/lottery_4"
            android:duration="200" />
        <item
            android:drawable="@mipmap/lottery_5"
            android:duration="200" />
        <item
            android:drawable="@mipmap/lottery_6"
            android:duration="200" />
    
    </animation-list>

    根节点是animation-list(动画列表),里面有一个或者多个item节点组成,oneshot属性表示是否只播放一次,true表示只会播放一次,false表示一直循环播放,内部用item节点声明一个动画帧,android:drawable指定此帧动画所对应的图片资源,android:druation代表此帧持续的时间,整数,单位为毫秒。

    注意:

       之前使用eclipse或者Android ADT开发的时候,文件可以放在res/anim和res/drawable两个文件夹下面,虽然谷歌推荐放在res/drawable文件夹下但是不会报错,在使用Android studio时候就没那么幸运了,如果不放在res/drawable文件夹下面会报如下错误:

    2.)用ImageView控件作为动画载体来显示动画

     <ImageView
       android:id="@+id/animation_iv"
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:layout_gravity="center"
       android:layout_margin="10dp"
       android:src="@drawable/lottery_animlist" />

    这个时候我们运行一下,发现动画没有运行而是停留在第一帧,那是因为AnimationDrawable播放动画是依附在window上面的,而在Activity onCreate方法中调用时Window还未初始化完毕,所有才会停留在第一帧,要想实现播放必须在onWindowFocusChanged中添加如下代码:

    imageView.setImageResource(R.drawable.lottery_animlist);
    AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getDrawable();
    animationDrawable.start();

    如果想要停止播放动画可以调用AnimationDrawable的stop方法

      imageView.setImageResource(R.drawable.lottery_animlist);
      AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getDrawable();
      animationDrawable.stop();

    3.)纯Java代码实现方式

    AnimationDrawable anim = new AnimationDrawable();
        for (int i = 1; i <= 6; i++) {
        int id = getResources().getIdentifier("lottery_" + i, "mipmap", getPackageName());
        Drawable drawable = getResources().getDrawable(id);
        anim.addFrame(drawable, 200);
        }
        anim.setOneShot(false);
        imageView.setImageDrawable(anim);
        anim.start();

    4.)AnimationDrawable 几个常见的api

    • void start() - 开始播放动画

    • void stop() - 停止播放动画

    • addFrame(Drawable frame, int duration) - 添加一帧,并设置该帧显示的持续时间

    • void setOneShoe(boolean flag) - false为循环播放,true为仅播放一次

    • boolean isRunning() - 是否正在播放

    总结:

       Frame Animation(逐帧动画)相对来说比较简单,但是在实际开发中使用的频率还是比较高的。希望以这个小例子能够掌握逐帧动画,但是逐帧动画只能实现比较小的动画效果,如果复杂而且帧数比较多的动画不太建议使用逐帧动画,一方面是因为会造成OOM,另一方面会显得很卡,如果真是超级复杂的动画的话建议选择双缓冲绘制View来实现。

  • 相关阅读:
    html实现打印预览效果
    layui-table 对表格数据进行处理之后的排序问题
    layui-table与layui-rate评分转换成星级的使用
    使用apache的poi来实现数据导出到excel的功能——方式二
    java获取配置文件中的key=value值
    layDate——设置最大日期不能超过当前日期
    layDate——初步使用
    echarts使用——柱状图
    layui内部定义的function,外部调用时候,提示某函数未定义现象解决方案
    layui table异步调用数据的时候,数据展示不出来现象解决方案
  • 原文地址:https://www.cnblogs.com/whoislcj/p/5733740.html
Copyright © 2020-2023  润新知