Android动画

最新推荐文章于 2022-04-09 20:24:37 发布
最新推荐文章于 2022-04-09 20:24:37 发布
阅读量404 收藏
点赞数 1
分类专栏： Android原理 文章标签： 动画 Animator ObjectAnimator AnimatorSet PropertyValuesHolder
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_16668271/article/details/54024783
版权

Android动画

1 Tween动画（补间动画）

View animation，它只是改变了View对象绘制的位置，而没有改变View对象本身。也就是说View大小位置不变，造成所占据的空间还是固定的，只是在既定空间上显示动画。

官方文档有XML形式。

 <objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="1000"
    android:valueTo="200"
    android:valueType="floatType"
    android:propertyName="y"
    android:repeatCount="1"
    android:repeatMode="reverse"/>

Java调用代码

ImageView spaceshipImage = (ImageView)findViewById(R.id.spaceshipImage);
Animation hyperspaceJumpAnimation=AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
spaceshipImage.startAnimation(hyperspaceJumpAnimation);

2 Drawable帧动画

多个图片逐帧播放，类似幻灯片

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="true">
    <item android:drawable="@drawable/rocket_thrust1" android:duration="200" />
    <item android:drawable="@drawable/rocket_thrust2" android:duration="200" />
    <item android:drawable="@drawable/rocket_thrust3" android:duration="200" />
</animation-list>

3 属性动画

3.1 基本认知

1 针对一个view对象在屏幕上进行动画显示。

2 属性动画，指的是该动画显示过程中可以修改view的属性，包括大小，位置，透明度。

3 可以实现的效果是，移动位置，三轴旋转，透明度变化，缩放。

3.2 相关属性

1 Duration：动画的持续时间

2 TimeInterpolation：属性值的计算方式，如先快后慢。

API：setInterpolator(TimeInterpolator value)

3 TypeEvaluator：根据属性的开始、结束值与TimeInterpolation计算出的因子计算出当前时间的属性值

可以自定义TypeEvaluator，

4 Repeat Count and behavoir：重复次数与方式，如播放3次、5次、无限循环，可以此动画一直重复，或播放完时再反向播放

API：setRepeatCount(int value)和setRepeatMode(int value)

5 Animation sets：动画集合，即可以同时对一个对象应用几个动画，这些动画可以同时播放也可以对不同动画设置不同开始偏移

API:playTogether，playSequentially

6 Frame refreash delay：多少时间刷新一次，即每隔多少时间计算一次属性值，默认为10ms，最终刷新时间还受系统进程调度与硬件的影响

API：setFrameDelay(long frameDelay)

 

 

对于下图的动画，这个对象的X坐标在40ms内从0移动到40 pixel.按默认的10ms刷新一次，这个对象会移动4次，每次移动40/4=10pixel。


 

也可以改变属性值的改变方法，即设置不同的interpolation，在下图中运动速度先逐渐增大再逐渐减小


 

下图显示了与上述动画相关的关键对象


 

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

ValueAnimator封装了一个TimeInterpolator，TimeInterpolator定义了属性值在开始值与结束值之间的插值方法。

ValueAnimator还封装了一个TypeAnimator，根据开始、结束值与TimeIniterpolator计算得到的值计算出属性值。

ValueAnimator根据动画已进行的时间跟动画总时间（duration）的比计算出一个时间因子（0~1），然后根据TimeInterpolator计算出另一个因子，最后TypeAnimator通过这个因子计算出属性值

涉及关键类

java.lang.Object

   ↳

android.animation.Animator

 

   ↳

android.animation.ValueAnimator

 

 

   ↳

android.animation.ObjectAnimator

java.lang.Object

   ↳

android.animation.Animator

 

   ↳

android.animation.AnimatorSet

java.lang.Object

   ↳

android.animation.Keyframe

java.lang.Object

   ↳

android.animation.PropertyValuesHolder

4 简单例子

例子1

单一操作，使用ObjectAnimator类，使view360度旋转

参数：ObjectAnimator ofFloat (Object target, String propertyName, float... values)

1) View 对象

2) 要操作的属性名，具体见下文

3) 多参数：属性变化过程的指定数值

4) setDuration动画时长

public void viewRotationAnimator(){
		//一个简单的动画，非复合动画，直接用ObjectAnimator及可start
		ObjectAnimator.ofFloat(MyView, "rotation", 0F, 360F).setDuration(200).start();//360度旋转
	}

例子2  AnimatorSet 异步操作

复合操作，利用ObjectAnimator和AnimatorSet分别沿着x轴y轴方向移动100px，再回到原位。

public void setSyncTextAnimator(){
		ObjectAnimator animX = ObjectAnimator.ofFloat(text_sync, "x", 0f,200f);//这个是相当于父View的最终位置。移动到该位置后再次运行不会动。
		ObjectAnimator animscaleY = ObjectAnimator.ofFloat(text_sync, "scaleY", 1f,2f,1f);
		AnimatorSet animSetXY = new AnimatorSet();
		animSetXY.playSequentially(animX, animscaleY);// playTogether表示异步叠加，还有playSequentially，表示同步执行
		animSetXY.setDuration(2000);
		animSetXY.start();
	}

总结

AnimatorSet方法：同步或异步的执行一系列方法。可以先定义一个Animator的List，然后用如下方法执行。

同步执行list

playSequentially(List<Animator> items)

同步执行，多参数

playSequentially(Animator... items)

异步执行集合

playTogether(Collection<Animator> items)

异步执行，多参数

playTogether(Animator... items)


例子4  PropertyValuesHolder和keyFrame的使用

利用PropertyValuesHolder存储多属性，利用Keyframe细化帧。

PropertyValuesHolder包括一系列静态方法，用于存储动画属性，返回一个PropertyValuesHolder对象。

keyFrame是一个 时间/值 对，通过它可以定义一个在特定时间的特定状态，即关键帧，而且在两个keyFrame之间可以定义不同的Interpolator，就好像多个动画的拼接，第一个动画的结束点是第二个动画的开始点。KeyFrame是抽象类，要通过ofInt(),ofFloat(),ofObject()获得适当的KeyFrame，然后通过PropertyValuesHolder.ofKeyframe获得PropertyValuesHolder对象，如以下例子：

Keyframe静态方法，参数百分比，位置值

ofFloat(float fraction, float value)

PropertyValuesHolder静态方法

ofKeyframe(String propertyName, Keyframe... values)

ObjectAnimator静态方法

ofPropertyValuesHolder(Object target, PropertyValuesHolder... values)


public void viewPropertyValuesHolder(){
		Keyframe kf0 = Keyframe.ofFloat(0f, 0f);  
		Keyframe kf1 = Keyframe.ofFloat(0.5f, 180f);  
		Keyframe kf2 = Keyframe.ofFloat(1f, 360f);  
		// 用三个关键帧构造PropertyValuesHolder对象，最后装配到ObjectAnimator
		PropertyValuesHolder pvhX = PropertyValuesHolder.ofKeyframe(  
		                        "rotation", kf0, kf1, kf2);  
		PropertyValuesHolder moveX = PropertyValuesHolder.ofFloat("translationX",0f,200f,300f,0f);
		PropertyValuesHolder scaleX = PropertyValuesHolder.ofFloat("scaleX",1.0f,0.2f,1f);
		//ofPropertyValuesHolder是多参数的，每个PropertyValuesHolder相当于动画预设值，这些动画异步执行
		ObjectAnimator animator= ObjectAnimator.ofPropertyValuesHolder(text3, moveX).setDuration(3000); 
		animator.start();
	}

例子5  利用addUpdateListener控制view

动画目标：一个图片逐渐显示出来，且整个view逐渐变大，不会留有空白位置。

步骤：

1) 新建Image，设置背景资源

2) 在UNSPECIFIED模式下调用Measure方法计算view实际大小

3) 设置动画属性是translationY从负位置移动到0位置。

4) 调用addUpdateListener方法监听

5) 在绘制每一帧时，重新设置view的位置，并重绘


public void ImageAnimator(){
		image1=new ImageView(this);
		image1.setBackgroundResource(R.drawable.sample_1);
		LinearLayout.LayoutParams layoutParams= new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,LinearLayout.LayoutParams.WRAP_CONTENT);
		image1.setLayoutParams(layoutParams);
		layout_image.addView(image1);
//测量方案，先利用UNSPECIFIED模式测量View实际需要的空间大小。
		int childHeightSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED);  
		int childWidthSpec = MeasureSpec.makeMeasureSpec(0, MeasureSpec.UNSPECIFIED); 
		image1.measure(childWidthSpec, childHeightSpec);
		final int measuredHeight=-image1.getMeasuredHeight();
		Log.i(TAG, "measuredHeight"+measuredHeight);
//目标效果是从上向下，逐步显示出图片，也就是左上角坐标从一个负位置到0位置，负位置大小就是MeasureHeight
		PropertyValuesHolder moveX = PropertyValuesHolder.ofFloat("translationY",measuredHeight,0f);
		ObjectAnimator animator= ObjectAnimator.ofPropertyValuesHolder(image1,moveX).setDuration(2000); 
		//该方法用来监听动画绘制过程中的每一帧的改变，通过这个方法，我们可以在动画重绘的过程中，实现自己的逻辑。
		animator.addUpdateListener(new AnimatorUpdateListener() {
			private int sum=0;
			@Override
			public void onAnimationUpdate(ValueAnimator animation) {
				// TODO Auto-generated method stub
				float i=1.0f;
//				animation.getInterpolator().getInterpolation(arg0)
				//该方法会获取每一帧的“插值”，也就是结束值与开始值之间按照时间区间分割出多个值。
				//例如，移动时从Y轴方向view从-200移动到0，会添加-200到0的很多帧代表的数值：-199，-198等等直到0
				float ll=(Float) animation.getAnimatedValue();
				Log.i(TAG,"比例:::"+ll+"sum:  "+sum++);
				LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(300,(int) (ll-measuredHeight));
				layout_image.setLayoutParams(params);
				image1.setLayoutParams(params);
				//重绘自身的位置，构成View占用空间由小变大的效果。
				image1.requestLayout();
			}
		});
		animator.start();
	}


例子6 动画加速，减速

Time interplator定义了属性值变化的方式，如线性均匀改变，开始慢然后逐渐快等。在PropertyAnimation中是TimeInterplator，在ViewAnimation中是Interplator，这两个是一样的，在3.0之前只有Interplator，3.0之后实现代码转移至了TimeInterplator。Interplator继承自TimeInterplator，内部没有任何其他代码。

· AccelerateInterpolator　　　　　     加速，开始时慢中间加速

· DecelerateInterpolator　　　 　　   减速，开始时快然后减速

· AccelerateDecelerateInterolator　   先加速后减速，开始结束时慢，中间加速

· AnticipateInterpolator　　　　　　  反向，先向相反方向改变一段再加速播放

· AnticipateOvershootInterpolator　   反向加回弹，先向相反方向改变，再加速播放，会超出目的值然后缓慢移动至目的值

· BounceInterpolator　　　　　　　  跳跃，快到目的值时值会跳跃，如目的值100，后面的值可能依次为85，77，70，80，90，100

· CycleIinterpolator　　　　　　　　 循环，动画循环一定次数，值的改变为一正弦函数：Math.sin(2* mCycles * Math.PI * input)

· LinearInterpolator　　　　　　　　 线性，线性均匀改变

· OvershottInterpolator　　　　　　  回弹，最后超出目的值然后缓慢改变到目的值

· TimeInterpolator　　　　　　　　   一个接口，允许你自定义interpolator，以上几个都是实现了这个接口


animator.setInterpolator(new AccelerateInterpolator(this, null));
	animator.start();


属性值

参数单位

移动单位是px，也即是像素，旋转的角度是0到350度，缩放的比例是0到1倍。

·translationX and translationY: These properties controlwhere the View is located as adelta from its left and top coordinates whichare set by its layout container.

·rotation, rotationX, and rotationY:These properties control therotation in 2D (rotation property) and 3D around the pivotpoint.

·scaleX and scaleY: These properties control the2D scaling of a View aroundits pivot point.

·pivotX and pivotY: These properties control thelocation of the pivotpoint, around which the rotation and scaling transformsoccur. By default, thepivot point is located at the center of the object.

·x and y: These are simple utilityproperties to describe thefinal location of the View in its container, as asum of the left and top valuesand translationX and translationY values.

·alpha: Represents the alphatransparency on theView. This value is 1 (opaque) by default, with a value of0 representing fulltransparency (not visible).

 

translationX 

translationY

在自身的Layout中，距离左上角的x方向，y方向的距离。

动画效果是从原位置移动到设定的位置。

Rotation

rotationX rotationY

旋转，Rotation是绕着Z轴旋转，也就是垂直屏幕的轴。

RotationX，RotationY分别是绕着X和Y轴。

scaleX 

scaleY

围绕X或Y轴缩放，2D显示控制尺寸大小

ObjectAnimator.ofFloat(myview, "scaleX", 1f,0.5f,1f);//缩小到0.5倍再还原

pivotX 

pivotY

旋转或缩放的中心轴的轴点位置。

x 

y

在自身的Layout中，距离左上角的x方向，y方向的实际距离。也就是padding值+ translationX 或translationY值

alpha

透明度，1表示默认显示不透明，0表示全透明，看不见


Little xian
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Android开发】随意拖动控件，刷新不回到原位
qiandidy的专栏
03-10 2295
找了很多资料都是用OnTouchListener监听拖动控件，但是当父控件刷新，即父控件内有控件刷新，之前拖动的控件就会回到原位，经过多次修改，终于实现了拖动并不会自动回到原位 /** 上传按钮随意移动  */     int lastX, lastY; //记录移动的最后的位置     int left = 0, top = 0, right = 0, bottom = 0;
android 动画
little xian的博客
09-21 466
属性动画：Animator，AnimatorSet，ObjectAnimator 属性动画可以设定顺序执行一系列的动画操作，在某一时刻也可以同时也就是叠加执行多个动画，相比于Animation类更灵活。 属性值： 1）translationX 和translationY：这两个属性控制了View所处的位置，它们的值是由layout容器设置的，是相对于坐标原点（0，0左上角）的一个偏移量。
Android三种动画介绍
JoeLittleStar的专栏
05-22 274
帧动画 加载一系列的图片资源来创建动画。 缺点：加载多图耗费内存。 （1）在目录res/drawable/创建动画资源文件。 <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="true"> <item andro...
一个Android动画库，可轻松将itemanimator添加到RecyclerView项目。-Android开发
05-26
RecyclerView Animators RecyclerView Animators是一个Android库，使开发人员可以轻松地创建带有动画的RecyclerView。 请随时使用此功能。 功能动画添加和删除RecyclerView Animators RecyclerView Animators是一个Android库，允许开发人员轻松创建带有动画的RecyclerView。 请随时使用此功能。 功能对ItemAnimator进行动画添加和删除RecyclerView.Adapter演示中项目的外观动画ItemAnimator适配器如何使用它？ Setup Gradle在您模块的build.gradle文件中，将此实现语句添加到dependencies部分：
安卓动画学习（五）--组合属性动画
小黄人的博客
05-25 821
安卓动画学习--组合属性动画上篇我们知道PropertyValuesHolder是用来包装一个单系列动画的，那么通过ObjectAnimator.ofPropertyValuesHolder（）这个方法，我们可以实现组合动画，不过这个方法来控制动画终究是麻烦了点所以官方还根据补间动画那样子给我们提供了一个组合动画的类AnimatorSet，通过这个类我们可以很方便的控制组合动画当中单个动画的具体动...
Android动画效果的强悍框架
10-28
该框架包含android原生动画和自定义动画共300种左右
Android动画框架详解
01-31
Android平台提供了一套完整的动画框架，使得开发者可以用它来开发各种动画效果，本文将向读者阐述 Android的动画框架是如何实现的。任何一个框架都有其优势和局限性，只有明白了其实现原理，开发者才能知道哪些功能...
Android动画集合开源APP
01-13
BaseAnimation,如果有新版本会自动提醒大家更新,也希望大家多多贡献自己的动画xml文件或者其他源码,一起来打造这个开源的app 博客地址:http://blog.csdn.net/duguang77/article/details/18230867
android 动画被父布局遮盖问题解决1
08-08
android:clipChildren="false"android:clipToPadding="false"都设置为false，需要在动画父布局之上，所有
Android 设备唯一标识
little xian的博客
11-17 3723
Android 设备唯一标识：设备信息 IMEI IMSI MEID Android ID Sim卡序列号 Serial Number adb shell getprop ro.serialno MAC地址
Android Java基础面试题
little xian的博客
03-25 3176
Android Java基础 ClassLoad双亲委派模式的原因 防止自定义类加载器优先加载了顶层公用的类，比如Object类，这样系统中就存在多个形同的类。 Java内存区域 堆，函数栈（多个栈帧（返回地址，操作数栈，局部变量表，动态链接）），程序计数器，本地方法栈，方法区（常量，类，静态对象） ...
Android 开发技术趋势
little xian的博客
04-09 2352
架构趋势 MVC -> MVP -> MVVM -> MVI。 虽然RN已经穷途末路了，但是React 单项数据流，UI state数据去驱动UI更新的设计思想还是潮流啊，Android Compose的MVI架构就往这个思路上走的。
Gradle插件开发
little xian的博客
12-24 1666
中文文档： https://chaosleong.gitbooks.io/gradle-for-android/content/introduction/
Android签名证书
little xian的博客
09-29 1238
Android签名概述 我们已经知道的是：Android对每一个Apk文件都会进行签名，在Apk文件安装时，系统会对其签名信息进行比对，判断程序的完整性，从而决定该Apk文件是否可以安装，在一定程度上达到安全的目的。 给定一个Apk文件，解压，可以看到一个META-INFO文件夹，在该文件夹下有三个文件：分别为MANIFEST.MF、CERT.SF和CERT.RSA。这三个文件分别表征以下含义： MANIFEST.MF： 这是摘要文件。程序遍历Apk包中的所有文件(entry)，对非文件夹非签名文件的文件，
Choreographer原理
little xian的博客
04-01 1194
Choreographer整体处理流程 Choreographer构造并接受Vsync信号更新UI的流程（UIThread） 通知更新UI涉及到同步屏障： void scheduleTraversals() { if (!mTraversalScheduled) { mTraversalScheduled = true; //为了提高优先级，先 postSyncBarrier mTraversalBarrier = mHandler.getLoop
开发问题记录
little xian的博客
03-25 423
考虑一个异步回调问题 问题描述： 启动或者初始化一个服务在一个线程，访问这个服务有很多个对象，并且可能在服务未初始化之前就开始访问，需要服务支持这种异步的访问。 比如MagicServiceManager，在启动服务前就有人调用了服务的方法，需要把调用者的回调先保存起来，启动服务后在一一执行服务逻辑最后执行回调列表中的回调。 ...
android动画优化
最新发布
06-07
针对 Android 动画优化，可以从以下几个方面入手： 1. 减少视图层级：动画时需要对视图进行重绘，视图层级越深，重绘所需的时间就越长。因此，可以尽量减少视图层级，让动画效果更加流畅。 2. 使用硬件加速：使用...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值