博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
属性动画学习使用总结
阅读量:6103 次
发布时间:2019-06-20

本文共 4072 字,大约阅读时间需要 13 分钟。

Android 属性动画总结

Android属性动画是我们自定义View不可缺少的一部分知识,我们日常使用的补间动画都可以被属性动画来代替。下面是自己在巩学习属性动画时总结的的一些知识,由浅入深,在我们以后的开发中做出各种炫酷的动画效果。复制代码

属性动画的优点

属性动画不在局限视图View对象,我们不仅能实现补间动画的效果,还能自定义各种各样的动画效果。复制代码

属性动画的使用步骤

  1. 实例化属性动画对象
  2. 设置属性动画的时长
  3. 启动属性动画

下面我将详细介绍简单的属性动画的使用方法。方便我们更好的理解和使用。

1.实例化属性动画对象
属性动画的运行机制是通过不断地对值进行操作来实现的,而初始值和结束值之间的动画过渡就是由ValueAnimator这个类来负责计算的。它的内部使用一种时间循环的机制来计算值与值之间的动画过渡,我们只需要将初始值和结束值提供给ValueAnimator,并且告诉它动画所需运行的时长,那么ValueAnimator就会自动帮我们完成从初始值平滑地过渡到结束值这样的效果。除此之外,ValueAnimator还负责管理动画的播放次数、播放模式、以及对动画设置监听器等。复制代码
ValueAnimator类
通过不断控制 值 的变化,再不断 手动 赋给对象的属性,从而实现动画效果。主要有下面三个方法。 1.ValueAnimator.ofInt()  以整型数值过渡。 2.ValueAnimator.oFloat() 以浮点型数值过渡。 3.ValueAnimator.ofObject()以对象的形式过渡。 ValueAnimator使用主要有以下两种用法。复制代码
用途
1. 实现补间动画的效果
// 传入的参数解释//设置的对象//补间动画的类别//变化的值 ObjectAnimator alphaAnim = ObjectAnimator.ofFloat(myView, "alpha", 1.0f, 0.5f);  ObjectAnimator scaleXAnim = ObjectAnimator.ofFloat(myView, "scaleX", 0.0f, 1.0f);  ObjectAnimator scaleYAnim = ObjectAnimator.ofFloat(myView, "scaleY", 0.0f, 2.0f);  ObjectAnimator rotateAnim = ObjectAnimator.ofFloat(myView, "rotation", 0, 360);  ObjectAnimator transXAnim = ObjectAnimator.ofFloat(myView, "translationX", 100, 400);  ObjectAnimator transYAnim = ObjectAnimator.ofFloat(myView, "tranlsationY", 100, 750);复制代码
2.实现属性值的变化
// 步骤1:设置动画属性的初始值 & 结束值ValueAnimator anim = ValueAnimator.ofInt(0, 3);        // 1. 创建动画实例        // 2. 将传入的多个Int参数将值从0平滑过渡到1        // 如果传入了3个Int参数 a,b,c ,则是先从a平滑过渡到b,再从b平滑过渡到C,以此类推// 步骤2:设置动画的播放各种属性        anim.setDuration(2000);        // 设置动画运行的时长                anim.setStartDelay(200);        // 设置动画延迟播放时间        anim.setRepeatCount(0);        // 设置动画重复播放次数 = 重放次数+1        // 动画播放次数 = -1时,动画无限重复                anim.setRepeatMode(ValueAnimator.RESTART);        // 设置重复播放动画模式        // ValueAnimator.RESTART(默认):正序重放        // ValueAnimator.REVERSE:倒序回放     // 步骤3:将改变的值手动赋值给对象的属性值:通过动画的更新监听器               anim.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {            @Override            public void onAnimationUpdate(ValueAnimator animation) {                int currentValue = (Integer) animation.getAnimatedValue();                // 获得改变后的值        // 步骤4:将改变后的值赋给对象的属性值                View.setproperty(currentValue);       // 步骤5:刷新视图,即重新绘制,从而实现动画效果                View.requestLayout();                                            }        });        anim.start();        // 启动动画    }复制代码

ValueAnimator.ofloat()使用方法和上面基本相同,就不在详细介绍。

在介绍ValueAnimator.ofObeject()之前要先介绍插值器和估值器。在使用ofObeject()要涉及到自定义估值器。

Interpolator的概念其实我们并不陌生,在补间动画中我们就使用到了。他就是用来控制动画快慢节奏的;而在属性动画中,TimeInterpolator 也是类似的作用;TimeInterpolator 继承自Interpolator。我们可以继承TimerInterpolator 以自己的方式控制动画变化的节奏,也可以使用Android 系统提供的Interpolator。

估值器(TypeEvaluator)决定 值 的具体变化数值

自定义估值器

TypeEvaluator是个接口,我们只要实现这个接口,并在我们的属性动画中设置就可以。

// 实现贝塞尔曲线的估值器,返回曲线上每一点的坐标传入的参数为当前百分比 0-1起始点的坐标结束点的坐标public class LoveEvaluator implements TypeEvaluator
{ private PointF p1,p2; public LoveEvaluator(PointF p1,PointF p2){ this.p1 = p1; this.p2 = p2; } @Override public PointF evaluate(float v, PointF p0, PointF p3) { PointF pointF1 = new PointF(); pointF1.x = p0.x * (1-v)*(1-v)*(1-v) + 3*p1.x*v*(1-v)*(1-v) +3*p2.x*v*v*(1-v) +p3.x *v*v*v; pointF1.y = p0.y * (1-v)*(1-v)*(1-v) + 3*p1.y*v*(1-v)*(1-v) +3*p2.y*v*v*(1-v) +p3.y *v*v*v; return pointF1; }}复制代码

为属性动画设置估值器

LoveEvaluator loveEvaluator = new LoveEvaluator(p1,p2);        ValueAnimator bezierAnimator = ObjectAnimator.ofObject(loveEvaluator,p0,p3);        bezierAnimator.setDuration(10000);        bezierAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() {            @Override            public void onAnimationUpdate(ValueAnimator valueAnimator) {                PointF pointF = (PointF) valueAnimator.getAnimatedValue();                // 不断改变视图的位置                iv.setX(pointF.x);                iv.setY(pointF.y);            }});复制代码

这样控件的运动轨迹就是按我们自定义的轨迹运动。 属性动画在自定义View中经常用到,我们可以多加练习,配合属性动画做出各种炫酷的UI效果。

转载地址:http://lmsza.baihongyu.com/

你可能感兴趣的文章
orcale安装(grid 及变量的编写 )
查看>>
Java日志系统研究
查看>>
ASO优化
查看>>
MySql 数据库嵌入查询式 C++
查看>>
PHP用正则表达式.XML转数组.
查看>>
如何在mac系统下将mysql加入环境变量
查看>>
设计模式六大原则(2):里氏替换原则
查看>>
MyEclipse for Linux 的版本
查看>>
了解Jalangi2
查看>>
Google I/O 2016笔记之图像压缩
查看>>
mongodb的命令大全
查看>>
如何用js判断一个复选框是否被选中
查看>>
苹果首席设计师谈iOS7扁平风格,对设计的理解非常的有高度
查看>>
分享reset.css
查看>>
Go 1.1 is released! [转]
查看>>
密码技术十 证书
查看>>
Android Dependencies
查看>>
IE9关联数组导致内存泄漏测试报告
查看>>
开始学习汇编语言
查看>>
14.3-全栈Java笔记:JPanel原来是这样用的
查看>>