AnimationDemo帧动画,补间动画,属性动画的简单使用

最新推荐文章于 2024-04-30 13:40:49 发布
置顶 最新推荐文章于 2024-04-30 13:40:49 发布
阅读量347 收藏
点赞数
分类专栏： android java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liufuxing1989/article/details/84955902
版权

 AnimationDemo帧动画,补间动画,属性动画的简单使用


**GitHub地址：https://github.com/liufx/AnimationDemo

《AnimationDemo》 是对帧动画、补间动画、属性动画从xml和java代码两个层面对动画的使用进行了阐述。本项目采用 java 语言编写，，代码结构清晰有详细注释，如有任何疑问和建议请提 Issue或联系[![]

## 前言

前段时间学习了 Android 中的动画编程，闲了整理了一下，简单易懂，注释清晰方便大家查看！

## 项目截图

- 截图

- gif

  

 

## 具体实现

- **帧动画——FrameAnimation：** 
　　将一系列图片有序播放，形成动画的效果。其本质是一个Drawable，是一系列图片的集合，本身可以当做一个图片一样使用
　　在Drawable文件夹下，创建animation-list为根节点的资源文件
 <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">

    <!--oneshot 是否只播放一次 -->

    <!--drawable:一帧引用的图片 -->
    <!--duration:一帧播放的时间 -->

    <item
        android:drawable="@drawable/loading00"
        android:duration="40" />
    <item
        android:drawable="@drawable/loading01"
        android:duration="40" />
    <item
        android:drawable="@drawable/loading02"
        android:duration="40" />
    <item
        android:drawable="@drawable/loading03"
        android:duration="40" />
    <item
        android:drawable="@drawable/loading04"
        android:duration="40" />
    <item
        android:drawable="@drawable/loading05"
        android:duration="40" />
    <item
        android:drawable="@drawable/loading06"
        android:duration="40" />
    <item
        android:drawable="@drawable/loading07"
        android:duration="40" />
    <item
        android:drawable="@drawable/loading08"
        android:duration="40" />
</animation-list>

oneshot:是否只播放一次    

　　drawable:一帧引用的图片
　　duration:一帧播放的时间
播放动画
　　将动画作为控件的背景
　　((AnimationDrawable)view.getBackground()).start();
 
Animation常用属性
　　duration:动画时间              
　　repeatCount:重复次数 infinite无限次
　　fillAfter:是否停止在最后一帧
　　repeatMode:重复模式     值：restart重新开始，reserve反复
　　startOffset:开始延迟时间
- **补间动画 Tween Animation：**
　　只能应用于View对象，只支持部分属性，View animation值改变了View绘制的位置，并没有改变对象本身的真实位置
　　可以使用XML定义也可以使用代码定义     XML定义的动画放在/res/anim/文件夹内
 
　　开始动画 通过view的startAnimation(Animation a)  参数定义的动画
  四种补间动画通过XML定义
**AlphaAnimation：透明度动画**

 <?xml version="1.0" encoding="utf-8"?>
<alpha xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromAlpha="0"
    android:toAlpha="1">
    <!--
    fromAlpha 起始透明度 0为完全透明 1为不透明 0~1之间的浮点值
    toAlpha 结束透明度
    duration 动画运行时间 单位毫秒
    -->
</alpha>

 //透明度动画
    private void alphaAnimation() {
        image.setBackgroundResource(R.drawable.bg_gril);

        //AlphaAnimation(float fromAlpha, float toAlpha)
        //第一个参数fromAlpha为 动画开始时候透明度
        //第二个参数toAlpha为 动画结束时候透明度
        AlphaAnimation animation = new AlphaAnimation(0f, 1.0f);
        //说明:
        //   0.0表示完全透明
        //   1.0表示完全不透明
        animation.setDuration(2000);//单位是毫秒
        animation.setRepeatCount(2);//执行动画效果结束后重复执行2次  一共3次
        animation.setRepeatMode(Animation.REVERSE);//重复模式
        //动画结束是否停止在最后一帧
        animation.setFillAfter(true);
        //动画结束是否停止在第一帧
//        animation.setFillBefore(false);
        //设置插值器 动画执行速度  变速 加减速。。
        //AccelerateInterpolator减速
        //DecelerateInterpolator加速
        animation.setInterpolator(new AccelerateDecelerateInterpolator());
        image.startAnimation(animation);
    }

**ScaleAnimation：缩放动画**

<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromXScale="0.1"
    android:fromYScale="0.1"
    android:pivotX="0%"
    android:pivotY="0%"
    android:toXScale="1"
    android:toYScale="1">
    <!--
            浮点值 表示倍数 自身几倍
            fromXScale 动画在X轴以自身几倍伸缩开始
            toXScale   动画在X轴以自身几倍伸缩结束

            fromYScale 动画在Y轴以自身几倍伸缩开始
            toYScale   动画在Y轴以自身几倍伸缩结束

            pivotX  动画相对于控件自身的X坐标的开始位置
            pivotY  动画相对于控件自身的Y坐标的开始位置
            0% 0%  表示控件左上角 为0，0原点坐标
    -->
</scale>

 //缩放动画
    private void scaleAnimation() {
        image.setBackgroundResource(R.drawable.bg_gril);
        /**ScaleAnimation(float fromX, float toX, float fromY, float toY,
         int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)//
         //第一个参数fromX为动画起始时 X坐标上的伸缩尺寸
         //第二个参数toX为动画结束时 X坐标上的伸缩尺寸
         //第三个参数fromY为动画起始时Y坐标上的伸缩尺寸
         //第四个参数toY为动画结束时Y坐标上的伸缩尺寸
         /*说明:
         以上四种属性值
         0.0表示收缩到没有
         1.0表示正常无伸缩
         值小于1.0表示收缩
         值大于1.0表示放大
         */
        //第五个参数pivotXType为动画在X轴相对于物件位置类型
        //第六个参数pivotXValue为动画相对于物件的X坐标的开始位置
        //第七个参数pivotXType为动画在Y轴相对于物件位置类型
        //第八个参数pivotYValue为动画相对于物件的Y坐标的开始位置
        ScaleAnimation animation = new ScaleAnimation(0.0f, 1f, 0.0f, 1.0f,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        animation.setDuration(1000);
        //设置时间持续时间为 1000毫秒
        image.startAnimation(animation);
    }

**TranslateAnimation：平移动画**

 <?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromXDelta="-100%p"
    android:fromYDelta="0"
    android:toXDelta="100%p"
    android:toYDelta="0">
    <!--
            fromXDelta x轴起始位置
            toXDelta   X轴结束位置
            fromYDelta y轴起始位置
            toYDelta   y轴结束位置
            100%p 表示相对于父级
            100%相对于自身
-->
</translate>

  //平移动画
    private void translateAnimation() {
        image.setBackgroundResource(R.drawable.bg_gril);
        //TranslateAnimation(float fromXDelta, float toXDelta,float fromYDelta, float toYDelta)
        //第一个参数fromXDelta为动画起始时 X坐标上的移动位置
        //第二个参数toXDelta为动画结束时 X坐标上的移动位置
        //第三个参数fromYDelta为动画起始时Y坐标上的移动位置
        //第四个参数toYDelta为动画结束时Y坐标上的移动位置
        TranslateAnimation animation = new TranslateAnimation(-30.0f, 30.0f, -50.0f, 50.0f);
        animation.setDuration(2000);
        //设置时间持续时间为 2000毫秒
        image.startAnimation(animation);
    }


**RotateAnimation：旋转动画**

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="2000"
    android:fromDegrees="0"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:pivotX="50%"
    android:pivotY="50%"
    android:toDegrees="360">
    <!--
      interpolator 指定动画的插值器
      accelerate_decelerate_interpolator   加速-减速
      accelerate_interpolator               加速
      decelerate_interpolator               减速

      fromDegrees 动画起始角度
      toDegrees   动画结束旋转的角度 可以大于360度
      负数表示逆时针旋转  正数表示顺时针旋转

      pivotX相对于view的X坐标的开始位置
      pivotY相对于view的Y坐标的开始位置
绝对尺寸 100px
      50% 相对尺寸 相对于自身的50%
      50%p 相对尺寸 相对于父容器的50%
      50%为物件的X或Y方向坐标上的中点位置
     duration  动画播放时间 单位毫秒
-->
</rotate>

//旋转动画
    private void rotateAnimation() {
        image.setBackgroundResource(R.drawable.bg_gril);
        //RotateAnimation(float fromDegrees, float toDegrees,int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
        //第一个参数fromDegrees为动画起始时的旋转角度
        //第二个参数toDegrees为动画旋转到的角度
        //第三个参数pivotXType为动画在X轴相对于物件位置类型
        //第四个参数pivotXValue为动画相对于物件的X坐标的开始位置
        //第五个参数pivotXType为动画在Y轴相对于物件位置类型
        //第六个参数pivotYValue为动画相对于物件的Y坐标的开始位置
        RotateAnimation animation = new RotateAnimation(0.0f, +320.0f,
                Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
        animation.setDuration(2000);
        //设置时间持续时间为 2000毫秒
        image.startAnimation(animation);
    }

- **属性动画：** 
　　相对补间动画  属性动画会真正的使目标对象的属性值发生改变，不像补间动画只是影像的改变只能修改具有get/set方法的属性值
　　因为可以修改对象的属性，属性动画可以做到更多的效果,改变文本大小，背景颜色等等
　　属性动画创建在 res/animator
　　
ValueAnimator
包含属性动画的所有核心功能，动画时间，开始、结束属性值，属性值计算方法等。

ValuAnimiator设置开始结束值 实现ValueAnimator.onUpdateListener接口，

这个接口只有一个函数onAnimationUpdate()，在这个函数中会传入ValueAnimator对象做为参数，
通过这个ValueAnimator对象的getAnimatedValue()函数可以得到当前的属性值

把属性值设置给某个控件的某个属性

   //属性动画 代码设置
    private void valueAnimation() {
        image.setBackgroundResource(R.drawable.bg_gril);
        ValueAnimator valueAnimator = null;
        /**
         * valueAnimator 单个值
         */
        //代码创建  ValueAnimator类自身的方法
        //ofFloat值类型float
//        ValueAnimator valueAnimator = ValueAnimator.ofFloat(0, 1);
//        //ofInt值类型int 从0~300
//        valueAnimator = ValueAnimator.ofInt(0, 300);
//        //也可以用来设置颜色 在颜色改变过程中会将颜色变化情况显示出来
//        //红色到蓝色的改变过程 显示N种颜色
//        valueAnimator = ValueAnimator.ofInt(Color.RED, Color.BLUE);
//        //ofArgb设置颜色 如果无法使用  是的sdk版本低了
//        //这个方法改变颜色过程中只显示红色和蓝色
//        //valueAnimator=ValueAnimator.ofArgb(Color.RED,Color.BLUE);
//        //设置插值器
//        valueAnimator.setInterpolator(new CycleInterpolator(1.0f));


        /**
         *
         * ValueAnimator.ofPropertyValuesHolder 设置多个值
         */
        //设置动画属性  参数1：名字  参数2，3值的变化区间
        PropertyValuesHolder alphaHolder = PropertyValuesHolder.ofFloat("alpha", 0f, 1f);
        PropertyValuesHolder widthHolder = PropertyValuesHolder.ofInt("width", 0, 300);
        PropertyValuesHolder rotateHolder = PropertyValuesHolder.ofInt("rotate", 0, 300);
        //ValueAnimator.ofPropertyValuesHolder 添加holder 创建动画
        valueAnimator = ValueAnimator.ofPropertyValuesHolder(alphaHolder, widthHolder, rotateHolder);
        //动画执行时间
        valueAnimator.setDuration(3000);
        //值改变监听
        valueAnimator.addUpdateListener(listener);
        //开始动画
        valueAnimator.start();
    }

    private ValueAnimator.AnimatorUpdateListener listener = new ValueAnimator.AnimatorUpdateListener() {
        @Override
        public void onAnimationUpdate(ValueAnimator valueAnimator) {
            /**
             * 单个值获取 getAnimatedValue取出变化值 根据设置类型强转
             * btnValueAnimator 测试用的button
             */
//            int value= (int) animation.getAnimatedValue();
//            btnValueAnimator.setTranslationX(value);横坐标平移

//            float value= (float) valueAnimator.getAnimatedValue();
//            btnValueAnimator.setAlpha(value);透明度改变

//            int value= (int) animation.getAnimatedValue();
//            btnValueAnimator.setTextColor(value);文字颜色改变
            /**
             * PropertyValuesHolder存了多个值  通过名字获取 强制转换
             */
            float alpha = (float) valueAnimator.getAnimatedValue("alpha");
            int rotate = (int) valueAnimator.getAnimatedValue("rotate");
            int width = (int) valueAnimator.getAnimatedValue("width");
            image.setAlpha(alpha);//改变透明度
            image.setRotationX(rotate);
            //边旋转 边平移
            image.setTranslationX(width);
        }
    }

## 关于我

 - Email: 547166147@qq.com
 
## Thanks

- [感谢所有优秀的blogs](https://www.cnblogs.com/ldq2016/p/5407061.html

牵手浪漫
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android动画（帧动画、补间动画、属性动画）讲解
程序猿追的博客
03-26 2万+
** Android动画（帧动画、补间动画、属性动画）讲解 ** 首先我们来看看啥是帧动画、补间动画、属性动画。 介绍： 帧动画：是一种常见的动画形式（Frame By Frame），其原理是在“连续的关键帧”中分解动画动作，也就是在时间轴的每帧上逐帧绘制不同的内容，使其连续播放而成动画。 补间动画：指的是做FLASH动画时，在两个关键帧中间需要做“补间动画”，才能实现图画的运动； 属性动画：帧动画与补间动画实现了对View进行移动、缩放、旋转和淡入淡出的效果。但对于android开发师来说是不够的，同
AnimationDemo.zip
11-29
属性动画中的自定义路径动画，闪动光晕效果动画，函数动画，，，，，Android动画集锦，安卓自定义动画，跑马灯动画。
Android补间动画、帧动画、属性动画详解(2)
最新发布
2401_84132628的博客
04-30 414
总而言之，成功是留给准备好的人的。无论是参加什么面试，都要做好充足的准备，注意好面试的礼仪和穿着，向面试官表现出自己的热忱与真诚就好。即使最后没有过关，也要做好经验的总结，为下一次面试做好充足准备。这里我为大家准备了一些我在面试后整理的面试专题资料，除了面试题，还总结出了互联网公司Android程序员面试涉及到的绝大部分面试题及答案，并整理做成了文档，以及系统的进阶学习视频资料分享给大家，希望能帮助到你面试前的复习，且找到一个好的工作，也节省大家在网上搜索资料的时间来学习。
animationDemo
SkylakeXun的博客
07-30 431
public class AnimationDemo { private static AnimationDemo instance; public static AnimationDemo getInstance(){ if (instance==null){ synchronized (AnimationDemo.class){ if (insta
12-animationDemo.html（帧动画案例）
jamesge的博客
03-04 181
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>帧动画案例</title> <style type="text/css"> * { margin: 0; padding: 0; } ul { list-style: n...
css3 animation demo
qq_26889291的博客
10-15 255
css3 animation demo
补间动画 帧动画 属性动画
07-28
补间动画适用于简单过渡效果，帧动画适合制作连续播放的序列图片动画，而属性动画则能实现更复杂的交互和视觉效果。通过熟练掌握这三种动画机制，开发者可以为Android应用创造出丰富多样的动态表现。在AnimationDemo...
属性动画的基本使用
09-11
相较于传统的补间动画（Tween Animation），属性动画提供了更大的灵活性和控制力。 【属性动画的基本概念】 属性动画并非直接改变View的状态，而是通过不断改变对象属性值来模拟动画效果。这种机制使得动画可以在...
补间动画/逐帧动画
12-10
在"AnimationDemo"这个示例中，可能包含了一个演示如何在代码中实现补间动画和逐帧动画的应用程序。可能涵盖了如何创建动画对象、设置动画参数、启动和停止动画等方面的知识。通过分析和学习这个示例，开发者可以更...
Android 动画的简单实用——视图动画
10-20
2. **补间器（Interpolator）**：控制动画的速度变化，例如匀速、加速、减速等效果。 3. **重复模式（RepeatMode）**：设定动画结束时的行为，可以反转播放（REVERSE）或重头开始（RESTART）。 4. **填充模式...
AnimationDemo
05-19
Android提供了TranslateAnimation、ScaleAnimation、RotateAnimation和AlphaAnimation四种基本类型的补间动画。在AnimationDemo中，我们可能会看到如何使用这些类来实现平移、缩放、旋转和透明度变化的效果。 3. **...
android 帧动画,补间动画,属性动画的简单总结
01-05
帧动画——FrameAnimation 将一系列图片有序播放，形成动画的效果。其本质是一个Drawable，是一系列图片的集合，本身可以当做一个图片一样使用 在Drawable文件夹下，创建animation-list为根节点的资源文件 <animation android:oneshot=false> <item android:drawable=@drawable/img1 android:duration=100/> <item android:drawable=@drawable/img2 android:duration=100/> <item
使用Animation-list实现等待加载动画效果
01-04
使用Animation-list实现等待加载动画效果,简单demo,适合新手学习使用Animation-list
帧动画，补间动画
jzj_nd的博客
08-12 909
帧动画，补间动画
Android补间动画、帧动画和属性动画使用知识介绍
君羊
07-18 2067
关于Android中动画体现，来张经典图。至于属性动画为什么要标记为红星，旨在强调，属性动画很强大，希望大家重点关注。网上资料很多。文章中会给大家推送各种链接。仅供参考。 Android动画总共包含3种动画—–-补间动画，逐帧动画和属性动画。其中补间动画和逐帧动画归属与视图动画。 &amp;amp;amp;amp;amp;nbsp; 基本概述： 补间动画(Tween Animation) 1、补间动画特性： a.渐变动...
Android 帧动画 补间动画 属性动画 区别
坚持学习
03-22 780
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
animation之补间动画
weixin_37073118的博客
02-28 569
补间动画 设定初始值和终止值,由系统算法算出过渡值的动画 补间动画与属性动画最大的不同在于补间动画的属性并不会真实作用在控件上 补间动画有四种(位移 , 缩放 , 透明度,旋转),四种动画动可以用xml和code实现 四种动画都有的公共属性 属性名称 xml code 执行时间 android:duration="1000" animation.setD...
javafx动画
05-24
下面是一个简单的JavaFX动画示例： ```java import javafx.animation.TranslateTransition; import javafx.application.Application; import javafx.scene.Scene; import javafx.scene.layout.StackPane; import ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值