捋一捋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开发中gradle下载缓慢的问题级解决方法

Android开发中gradle下载缓慢的问题级解决方法

《Android开发中gradle下载缓慢的问题级解决方法》本文介绍了解决Android开发中Gradle下载缓慢问题的几种方法,本文给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、网络环境优化二、Gradle版本与配置优化三、其他优化措施针对android开发中Gradle下载缓慢的问
阅读更多...
Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

Android 悬浮窗开发示例((动态权限请求 | 前台服务和通知 | 悬浮窗创建 )

《Android悬浮窗开发示例((动态权限请求|前台服务和通知|悬浮窗创建)》本文介绍了Android悬浮窗的实现效果,包括动态权限请求、前台服务和通知的使用,悬浮窗权限需要动态申请并引导... 目录一、悬浮窗 动态权限请求1、动态请求权限2、悬浮窗权限说明3、检查动态权限4、申请动态权限5、权限设置完毕后
阅读更多...
Android里面的Service种类以及启动方式

Android里面的Service种类以及启动方式

《Android里面的Service种类以及启动方式》Android中的Service分为前台服务和后台服务,前台服务需要亮身份牌并显示通知,后台服务则有启动方式选择,包括startService和b... 目录一句话总结：一、Service 的两种类型：1. 前台服务（必须亮身份牌）2. 后台服务（偷偷干
阅读更多...
Android kotlin语言实现删除文件的解决方案

Android kotlin语言实现删除文件的解决方案

《Androidkotlin语言实现删除文件的解决方案》：本文主要介绍Androidkotlin语言实现删除文件的解决方案,在项目开发过程中,尤其是需要跨平台协作的项目,那么删除用户指定的文件的... 目录一、前言二、适用环境三、模板内容1.权限申请2.Activity中的模板一、前言在项目开发过程中，尤
阅读更多...
最好用的WPF加载动画功能

最好用的WPF加载动画功能

《最好用的WPF加载动画功能》当开发应用程序时,提供良好的用户体验（UX）是至关重要的,加载动画作为一种有效的沟通工具,它不仅能告知用户系统正在工作,还能够通过视觉上的吸引力来增强整体用户体验,本文给... 目录前言需求分析高级用法综合案例总结最后前言当开发应用程序时，提供良好的用户体验（UX）是至关重要
阅读更多...
基于Python实现PDF动画翻页效果的阅读器

基于Python实现PDF动画翻页效果的阅读器

《基于Python实现PDF动画翻页效果的阅读器》在这篇博客中,我们将深入分析一个基于wxPython实现的PDF阅读器程序,该程序支持加载PDF文件并显示页面内容,同时支持页面切换动画效果,文中有详... 目录全部代码代码结构初始化 UI 界面加载 PDF 文件显示 PDF 页面页面切换动画运行效果总结主
阅读更多...
Android数据库Room的实际使用过程总结

Android数据库Room的实际使用过程总结

《Android数据库Room的实际使用过程总结》这篇文章主要给大家介绍了关于Android数据库Room的实际使用过程,详细介绍了如何创建实体类、数据访问对象（DAO）和数据库抽象类,需要的朋友可以... 目录前言一、Room的基本使用1.项目配置2.创建实体类（Entity）3.创建数据访问对象（DAO
阅读更多...
Android WebView的加载超时处理方案

Android WebView的加载超时处理方案

《AndroidWebView的加载超时处理方案》在Android开发中,WebView是一个常用的组件,用于在应用中嵌入网页,然而,当网络状况不佳或页面加载过慢时,用户可能会遇到加载超时的问题,本... 目录引言一、WebView加载超时的原因二、加载超时处理方案1. 使用Handler和Timer进行超
阅读更多...
Qt QWidget实现图片旋转动画

Qt QWidget实现图片旋转动画

《QtQWidget实现图片旋转动画》这篇文章主要为大家详细介绍了如何使用了Qt和QWidget实现图片旋转动画效果,文中的示例代码讲解详细,感兴趣的小伙伴可以跟随小编一起学习一下... 一、效果展示二、源码分享本例程通过QGraphicsView实现svg格式图片旋转。.hpjavascript
阅读更多...
【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

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

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

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2