捋一捋Android动画

2024-05-11 09:38
文章标签 android 动画 一捋

本文主要是介绍捋一捋Android动画，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

首先分清几大类: 三大类

一. Drawable Animation (or Frame Animation)—即帧(逐帧)动画

二. View Animation (or Tween Animation)—即补间(视图)动画

三. Property Animation—即属性动画

然后了解来龙去脉

前两种动画是API 3.0以前就有, API 3.0之后新加入了Property动画

如果你想在3.0以前的机器上使用同样效果, 可以使用NineOldAndroids动画库.

当然记住, 凡是前两种动画可以实现的动画, 属性动画一定可以实现其效果.

  1. 帧动画很简单, 一帧一帧的, 可以使用XML文件把资源组合起来

  2. 补间动画使用很常见, 补间补间, 就是把起止帧之间的帧画出来,改变View的透明度,位置,大小,角度. 注意位置不是真实的改变(不是真实伤害,哈哈),只是绘制位置的改变.

  3. 属性动画, 会改变View的真实属性, 500多行的抽象基类Animator基本不直接使用, 最常用的是子类ValueAnimator和ObjectAnimator.

最后具体操作

一. 帧动画的介绍

1)特点: 细腻灵活,但是增加了资源制作负担而且文件量大

2)使用步骤:
a.添加帧: XML定义资源文件,或者Java代码创建
b.引用支持类:AnimationDrawable

1>XML方式:在/res/drawable下新建:<?xml version="1.0" encoding="utf-8"?>
<animation-list
   xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"  ><!-- 定义一个动画帧，Drawable为img0，持续时间50毫秒 --><item android:drawable="@drawable/img0" android:duration="50" /><!-- 定义一个动画帧，Drawable为img1，持续时间100毫秒 --><item android:drawable="@drawable/img1" android:duration="100" /></animation-list>//后续所用代码
frameAnim =(AnimationDrawable)getResources().getDrawable(id);
view.setBackgroundDrawable(frameAnim);
frameAnim.start();frameAnim.stop();
2>Java代码方式:frameAnim =new AnimationDrawable();
frameAnim.addFrame(getResources().getDrawable(R.drawable.img0), 50);
frameAnim.addFrame(getResources().getDrawable(R.drawable.img1), 100);
frameAnim.setOneShot(false);view.setBackgroundDrawable(frameAnim);
frameAnim.start();
frameAnim.stop();

二. 补间动画

1)特点: 过渡自然, 实现起来简单快速.顺便说下实现的方式是给出两个关键帧，通过一些算法将给定属性值在给定的时间内在两个关键帧间渐变。
2)使用步骤:
a. 设置动画形式: 如渐变
b. 设定起止状态: 如起始1.0f和结束0.1f

1> XML方式
XML文件的根元素可以 为<alpha>,<scale>,<translate>,<rotate>,<interpolator>,<set>(表示以上几个动画的集合，set可以嵌套).默认情况下，所有动画是同时进行的，可以通过startOffset属性设置 各个动画的开始偏移（开始时间）来达到动画顺序播放的效果.
<alpha xmlns:android="http://schemas.android.com/apk/res/android"      android:interpolator="@android:anim/accelerate_decelerate_interpolator"android:fromAlpha="1.0"  android:toAlpha="0.1"  android:duration="2000"
/>  //渐变形式,起始状态1.0结束状态0.1
anim =AnimationUtils.loadAnimation(this, R.anim.alpha_anim);
view.startAnimation(anim);
2>Java代码方式:Animation anim = new AlphaAnimation(1.0f,0.1f);
//设置持续时间
anim.setDuration(2000);
//清除原有的动画，避免多次点击出现重复的效果
view.clearAnimation();
//开始执行动画
view.startAnimation(anim);

5种封装类:

AlphaAnimation：透明度（alpha）渐变效果，对应标签。

TranslateAnimation：位移渐变，需要指定移动点的开始和结束坐标，对应标签。

ScaleAnimation：缩放渐变，可以指定缩放的参考点，对应标签。

RotateAnimation：旋转渐变，可以指定旋转的参考点，对应标签。

AnimationSet：组合渐变，支持组合多种渐变效果，对应标签。

三. 属性动画

1)特点: 更广泛(比如可以将view的背景颜色属性改变), 实现起来费脑.
2)使用步骤:
a. 直接new出ValueAnimator或者子类ObjectAnimator
b. 设置动画到View

ValueAnimator类: 表示一个动画，包含动画的开始值，结束值，持续时间等属性。

ValueAnimator内部流程:
1.计算属性值;

时间因子(input) = 动画已进行的时间跟动画总时间(duration)的比计算(0~1)—TimeInterpolator
插值因子(fraction,表示动画的完成度) = TimeInterpolator通过开始值,结束值,时间因子计算出—TimeInterpolator
公式为: fraction = (Math.cos((input + 1) * Math.PI) / 2.0f) + 0.5f;
属性值 = TypeAnimator通过插值因子计算出 = {开始值,结束值,差值}—TypeAnimator
根据TypeEvaluator的函数evaluate():
public Float evaluate(float fraction, Number startValue, Number endValue) {
float startFloat = startValue.floatValue();
return startFloat + fraction * (endValue.floatValue() - startFloat);
}

2.根据属性值执行相应的动作，如改变对象的某一属性。

需要实现ValueAnimator.onUpdateListener接 口，这个接口只有一个函数onAnimationUpdate()，
在这个函数中会传入ValueAnimator对象做为参数，通过这个 ValueAnimator对象的getAnimatedValue()函数可以得到当前的属性值
ValueAnimator animation = ValueAnimator.ofFloat(0f, 1f);
animation.setDuration(1000);
animation.addUpdateListener( AnimatorUpdateListener() {
@Override
onAnimationUpdate(ValueAnimator animation) {
Log.i(“update”, ((Float) animation.getAnimatedValue()).toString());
}
});
animation.setInterpolator( CycleInterpolator(3));
animation.start();

ObjectAnimator类: 继承自ValueAnimator, 属性动画一般使用这个类,但需满足以下条件,否则就选用ValueAnimator
这也是两者的区别:
1.对象(View类等)应该有一个setter函数：set（驼峰命名法）
2.如上面的例子中，像ofFloat之类的工场方法，第一个参数为对象名，第二个为属性名，后面的参数为
可变参数，如果values…参数只设置了一个值的话，那么会假定为目的值，属性值的变化范围为当前值到目的值，为了获得当前值，
该对象要有相应属性的getter方法：get（驼峰命名法）
3.如果有getter方法，其应返回值类型应与相应的setter方法的参数类型一致。

ObjectAnimator内部流程同ValueAnimator.
根据应用动画的对象或属性的不同，可能需要在onAnimationUpdate函数中调用invalidate()函数刷新视图。
说明：请求重绘View树，即draw()过程，假如视图发生大小没有变化就不会调用layout()过程，并且只绘制那些“需要重绘的”
视图，即谁(View的话，只绘制该View ；ViewGroup，则绘制整个ViewGroup)请求invalidate()方法，就绘制该视图。
AnimationSet提供了一个把多个动画组合成一个组合的机制，并可设置组中动画的时序关系，如同时播放，顺序播放等。
AnimatorSet bouncer = new AnimatorSet();
bouncer.play(anim1).before(anim2);
bouncer.play(anim2).with(anim3);
bouncer.play(anim2).with(anim4)
bouncer.play(anim5).after(amin2);
animatorSet.start();

属性动画还有个类—LayoutTransition

容器布局动画就是当一个布局容器中的view方式改变时所产生的动画，
比如：但一个相对布局中新增加一个view时或者删除一个view时(或者visible改变时)，那么就可以通过一个动画来进行表现。

有这四种容器动画：
1、APPEARING: 动画所运行的项目出现在这个容器中时，即：view显示时的动画
2、CHANGE_APPEARING: 由于在这个容器总新增加了一个view，而导致原来的view位置发生改变所以会触发这个动画。
3、DISAPPEARING: view在这个容器中消失时触发的动画

使用步骤：
1、创建LayoutTransition对象mTransitioner
2、创建动画
3、在xml文件中将相应布局的属性Android:animateLayoutChanges=”true”设置为true
4、将动画通过mTransitioner的setAnimator方法设置给mTransitioner
5、通过布局控件的setLayoutTransition方法将mTransitioner设置进去

mButtonAddBtn = (Button) findViewById(R.id.buttonLayoutAnmation);mLayout = (LinearLayout) findViewById(R.id.layoutanmation);LayoutTransition transition = new LayoutTransition();//创建LayoutTransition对象transition.getDuration(2000);transition.setAnimator(LayoutTransition.APPEARING,  AnimatorInflater.loadAnimator(getApplicationContext(), R.animator.animator));//创建动画transition.setAnimator(LayoutTransition.CHANGE_APPEARING, null);transition.setAnimator(LayoutTransition.DISAPPEARING, null);transition.setAnimator(LayoutTransition.CHANGE_DISAPPEARING,null);mLayout.setLayoutTransition(transition);//方法将mTransitioner设置给布局mButtonAddBtn.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {count++;Button btn = new Button(ActivityLayoutAnimations.this);//1.建立button对象//2.设置LayoutParams，宽和高ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);btn.setLayoutParams(params);//3.将宽高加到button上btn.setText("按钮" + count);mLayout.addView(btn);//4.将button加到布局中}});

后记

  1. 高级用法:http://blog.csdn.net/jdsjlzx/article/details/45558901
    属性动画的高级用法中最有技术含量的也就是如何编写出一个合适的TypeEvaluator

  2. View绘制流程:
    onMeasure()->onLayout()->onDraw()
    即是绘制: 大小->位置->绘制
    整个View树的绘图流程在ViewRoot.java类的performTraversals()函数展开，该函数所做 的工作可简单概况为是否需要重新计算视图大小(measure)、是否需要重新安置视图的位置(layout)、以及是否需要重绘(draw)

这篇关于捋一捋Android动画的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/979168。

相关文章

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

Android实现任意版本设置默认的锁屏壁纸和桌面壁纸（两张壁纸可不一致）

客户有些需求需要设置默认壁纸和锁屏壁纸  在默认情况下 这两个壁纸是相同的  如果需要默认的锁屏壁纸和桌面壁纸不一样 需要额外修改 Android13实现 替换默认桌面壁纸： 将图片文件替换frameworks/base/core/res/res/drawable-nodpi/default_wallpaper.*  （注意不能是bmp格式） 替换默认锁屏壁纸： 将图片资源放入vendo
阅读更多...
Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

Android平台播放RTSP流的几种方案探究（VLC VS ExoPlayer VS SmartPlayer）

技术背景 好多开发者需要遴选Android平台RTSP直播播放器的时候，不知道如何选的好，本文针对常用的方案，做个大概的说明： 1. 使用VLC for Android VLC Media Player（VLC多媒体播放器），最初命名为VideoLAN客户端，是VideoLAN品牌产品，是VideoLAN计划的多媒体播放器。它支持众多音频与视频解码器及文件格式，并支持DVD影音光盘，VCD影
阅读更多...
Flutter 进阶：绘制加载动画

Flutter 进阶：绘制加载动画

绘制加载动画：由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类：LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态，而 LoadingPainter 则负责绘制动画。
阅读更多...
android-opencv-jni

android-opencv-jni

//------------------start opencv--------------------@Override public void onResume(){ super.onResume(); //通过OpenCV引擎服务加载并初始化OpenCV类库，所谓OpenCV引擎服务即是 //OpenCV_2.4.3.2_Manager_2.4_*.apk程序包，存
阅读更多...
从状态管理到性能优化：全面解析 Android Compose

从状态管理到性能优化：全面解析 Android Compose

文章目录 引言一、Android Compose基本概念1.1 什么是Android Compose?1.2 Compose的优势1.3 如何在项目中使用Compose 二、Compose中的状态管理2.1 状态管理的重要性2.2 Compose中的状态和数据流2.3 使用State和MutableState处理状态2.4 通过ViewModel进行状态管理 三、Compose中的列表和滚动
阅读更多...
Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

Android 10.0 mtk平板camera2横屏预览旋转90度横屏拍照图片旋转90度功能实现

1.前言 在10.0的系统rom定制化开发中，在进行一些平板等默认横屏的设备开发的过程中，需要在进入camera2的 时候，默认预览图像也是需要横屏显示的，在上一篇已经实现了横屏预览功能，然后发现横屏预览后，拍照保存的图片 依然是竖屏的，所以说同样需要将图片也保存为横屏图标了，所以就需要看下mtk的camera2的相关横屏保存图片功能， 如何实现实现横屏保存图片功能 如图所示: 2.mtk
阅读更多...
android应用中res目录说明

android应用中res目录说明

Android应用的res目录是一个特殊的项目，该项目里存放了Android应用所用的全部资源，包括图片、字符串、颜色、尺寸、样式等，类似于web开发中的public目录，js、css、image、style。。。。 Android按照约定，将不同的资源放在不同的文件夹中，这样可以方便的让AAPT(即Android Asset Packaging Tool , 在SDK的build-tools目
阅读更多...
Android fill_parent、match_parent、wrap_content三者的作用及区别

Android fill_parent、match_parent、wrap_content三者的作用及区别

这三个属性都是用来适应视图的水平或者垂直大小，以视图的内容或尺寸为基础的布局，比精确的指定视图的范围更加方便。 1、fill_parent 设置一个视图的布局为fill_parent将强制性的使视图扩展至它父元素的大小 2、match_parent 和fill_parent一样，从字面上的意思match_parent更贴切一些，于是从2.2开始，两个属性都可以使用，但2.3版本以后的建议使
阅读更多...
用Unity2D制作一个人物，实现移动、跳起、人物静止和动起来时的动画：中（人物移动、跳起、静止动作）

用Unity2D制作一个人物，实现移动、跳起、人物静止和动起来时的动画：中（人物移动、跳起、静止动作）

上回我们学到创建一个地形和一个人物，今天我们实现一下人物实现移动和跳起，依次点击，我们准备创建一个C#文件 创建好我们点击进去，就会跳转到我们的Vision Studio，然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类，继承自MonoBehaviour{private Rigidbo
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2