捋一捋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

相关文章

Android Mainline基础简介

《AndroidMainline基础简介》AndroidMainline是通过模块化更新Android核心组件的框架,可能提高安全性,本文给大家介绍AndroidMainline基础简介,感兴趣的朋... 目录关键要点什么是 android Mainline?Android Mainline 的工作原理关键

如何解决idea的Module:‘:app‘platform‘android-32‘not found.问题

《如何解决idea的Module:‘:app‘platform‘android-32‘notfound.问题》:本文主要介绍如何解决idea的Module:‘:app‘platform‘andr... 目录idea的Module:‘:app‘pwww.chinasem.cnlatform‘android-32

Android实现打开本地pdf文件的两种方式

《Android实现打开本地pdf文件的两种方式》在现代应用中,PDF格式因其跨平台、稳定性好、展示内容一致等特点,在Android平台上,如何高效地打开本地PDF文件,不仅关系到用户体验,也直接影响... 目录一、项目概述二、相关知识2.1 PDF文件基本概述2.2 android 文件访问与存储权限2.

Android Studio 配置国内镜像源的实现步骤

《AndroidStudio配置国内镜像源的实现步骤》本文主要介绍了AndroidStudio配置国内镜像源的实现步骤,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,... 目录一、修改 hosts,解决 SDK 下载失败的问题二、修改 gradle 地址,解决 gradle

在Android平台上实现消息推送功能

《在Android平台上实现消息推送功能》随着移动互联网应用的飞速发展,消息推送已成为移动应用中不可或缺的功能,在Android平台上,实现消息推送涉及到服务端的消息发送、客户端的消息接收、通知渠道(... 目录一、项目概述二、相关知识介绍2.1 消息推送的基本原理2.2 Firebase Cloud Me

Android中Dialog的使用详解

《Android中Dialog的使用详解》Dialog(对话框)是Android中常用的UI组件,用于临时显示重要信息或获取用户输入,本文给大家介绍Android中Dialog的使用,感兴趣的朋友一起... 目录android中Dialog的使用详解1. 基本Dialog类型1.1 AlertDialog(

Android Kotlin 高阶函数详解及其在协程中的应用小结

《AndroidKotlin高阶函数详解及其在协程中的应用小结》高阶函数是Kotlin中的一个重要特性,它能够将函数作为一等公民(First-ClassCitizen),使得代码更加简洁、灵活和可... 目录1. 引言2. 什么是高阶函数?3. 高阶函数的基础用法3.1 传递函数作为参数3.2 Lambda

Android自定义Scrollbar的两种实现方式

《Android自定义Scrollbar的两种实现方式》本文介绍两种实现自定义滚动条的方法,分别通过ItemDecoration方案和独立View方案实现滚动条定制化,文章通过代码示例讲解的非常详细,... 目录方案一:ItemDecoration实现(推荐用于RecyclerView)实现原理完整代码实现

Android App安装列表获取方法(实践方案)

《AndroidApp安装列表获取方法(实践方案)》文章介绍了Android11及以上版本获取应用列表的方案调整,包括权限配置、白名单配置和action配置三种方式,并提供了相应的Java和Kotl... 目录前言实现方案         方案概述一、 androidManifest 三种配置方式

Android WebView无法加载H5页面的常见问题和解决方法

《AndroidWebView无法加载H5页面的常见问题和解决方法》AndroidWebView是一种视图组件,使得Android应用能够显示网页内容,它基于Chromium,具备现代浏览器的许多功... 目录1. WebView 简介2. 常见问题3. 网络权限设置4. 启用 JavaScript5. D