Android 基础知识-动画相关

常用动画View动画(补间动画)、属性动画与帧动画

View 动画

通过对View 不断做【图像变换】(平移、缩放、旋转、透明度)产生动画效果。

可以通过 xml/java代码来创建

1、支持4中动画效果

TranslateAnimation 平移动画
ScaleAnimation 缩放动画
RotateAnimation 旋转动画
AlphaAnimation 透明度动画

2、xml/java代码来创建

1)xml创建View动画
xml文件目录:res/anim/filename.xml

一组动画:




	
	
	

	

单个动画:



使用动画:

Button btn = findViewById(R.id.button1);
Animation animation = AnimationUtils.loadAnimation(this, R.anim.animation_file);
btn.startAnimation(animation);

2)代码创建 View动画

Button btn = findViewById(R.id.button1);
AlphaAnimation alphaAnim = new AlphaAnimation(0, 1);
alphaAnim.setDuration(300);
alphaAnim.setInterpolator(new DecelerateInterpolator());
alphaAnim.setRepeatCount(0);
alphaAnim.setFillAfter(false);
//启动单个动画
btn.startAnimation(alphaAnim);
//动画组
final AnimationSet set = new AnimationSet(false);
set.addAnimation(alphaAnim);
btn.startAnimation(set);

3)android:interpolator
动画插值器,插值器影响动画的速度。
默认为@android:anim/accelerate_decelerate_interpolator 加速减速插值器。

4)android:shareInterpolator
表示集合中的动画 是否和集合共享同一个插值器
如果集合不指定插值器,那么子动画需要单独指定所需的插值器或者使用默认值。

5)android:duration 动画持续时间

6)Android:fillAfter 动画结束后,View是否停留在结束位置
true表示停留在结束位置,false不停留

7)自定义View动画

/**
 * 3D缩放动画,围绕 y轴旋转,同时沿着 z轴平移,从而实现类似3D的效果
 */
public class Rotate3dAnimation extends Animation {
	private final float mFromDegrees;
	private final float mToDegrees;
	private final float mCenterX;
	private final float mCenterY;
	private final float mDepthZ;
	private final boolean mReverse;
	private Camera mCamera;

	public Rotate3dAnimation(float fromDegrees, float toDegrees,
			float centerX, float centerY, float depthZ, boolean reverse) {
		mFromDegrees = fromDegrees;
		mToDegrees = toDegrees;
		mCenterX = centerX;
		mCenterY = centerY;
		mDepthZ = depthZ;
		mReverse = reverse;
	}

	@Override
	public void initialize(int width, int height, int parentWidth, int parentHeight) {
		super.initialize(width, height, parentWidth, parentHeight);
		mCamera = new Camera();
	}

	@Override
	protected void applyTransformation(float interpolatedTime, Transformation t) {
		super.applyTransformation(interpolatedTime, t);
		final float fromDegrees = mFromDegrees;
		//根据插值器的值,获取要旋转的角度
		float degrees = fromDegrees + ((mToDegrees - fromDegrees) * interpolatedTime);
		final float centerX = mCenterX;
		final float centerY = mCenterY;
		final Camera camera = mCamera;
		final Matrix matrix = t.getMatrix();//获取动画目标控件的矩阵
		camera.save();
		if (mReverse) {//根据插值器获取z轴移动距离
			camera.translate(0.0f, 0.0f, mDepthZ * interpolatedTime);
		} else {
			camera.translate(0.0f, 0.0f, mDepthZ * (1 - interpolatedTime));
		}
		camera.rotateY(degrees);//根据插值器旋转一定角度
		camera.getMatrix(matrix);//把动画控件矩阵传入camera
		camera.restore();
		
		matrix.preTranslate(-centerX, -centerY);
		matrix.postTranslate(centerX, centerY);
	}
}

帧动画

帧动画是播放一组预先定义好的图片。
res/ anim /frame_animation.xml



	
	
	


Button btn = findViewById(R.id.button1);
btn.setBackgroundResource(R.drawable.frame_animation);
AnimationDrawable drawable = (AnimationDrawable) btn.getBackground();
drawable.start();

帧动画比较容易引起OOM,使用帧动画时,应尽量避免使用太多/尺寸较大的图片

View动画的特殊使用场景

1、 LayoutAnimation

LayoutAnimation 作用于ViewGroup,为 ViewGroup指定一个动画
实现 子元素出场动画效果

1)定义 LayoutAnimation
res/anim/anim_layout.xml


android:delay:表示子元素开始动画的时间延迟百分比

比如,子元素入场动画的时间周期为300ms,那么 android:delay="0.5"
	表示每个子元素都需要延迟 300*0.5 == 150ms 才能播放入场动画。
	
	总体来说,第一个子元素延迟 150ms 开始播放入场动画,
			  第二个子元素延迟 300ms 开始播放入场动画,依此类推。

android:animationOrder
子元素的动画顺序,有三种选项:normal、reverse、random
normal:表示顺序显示
reverse:表示逆向显示,排在后面的子元素先开始播放入场动画。
random:随机播放入场动画

android:animation:为子元素指定具体的入场动画

2)为子元素指定具体的入场动画
res/anim/anim_item.xml




	
	

3)为ViewGroup 指定 android:layoutAnimation 属性
android:layoutAnimation="@anim/anim_layout"

xml中指定的方式


LayoutAnimationController 实现

RecyclerView recyclerView = findViewById(R.id.recycler_view);
Animation animation = AnimationUtils.loadAnimation(this, R.anim.anim_item);
LayoutAnimationController controller = new LayoutAnimationController(animation);
controller.setDelay(0.5f);
controller.setOrder(LayoutAnimationController.ORDER_NORMAL);
recyclerView.setLayoutAnimation(controller);
4、 页面切换动画

1)Activity的切换动画

overridePendingTransition(int enterAnim, int exitAnim);

必须在 startActivity(Intent) / finish() 【之后】调用才能生效

2)Fragment切换动画
通过 FragmentTransaction 中的 setCustomAnimations();来添加切换动画。

5、 属性动画
ValueAnimator、ObjectAnimator、AnimatorSet

属性动画 可以对任意对象的属性,进行动画,不仅限于View
效果是:在一个时间间隔内,完成对象从要给属性值到另一个属性值的改变

1)代码实现属性动画

ObjectAnimator.ofFloat(myObject, "translationY", -myObject.getHeight()).start();	
ValueAnimator colorAnim = ObjectAnimator.ofInt(this, "backgroundColor", 0xFFFF8080, 0Xff8080ff);
colorAnim.setDuration(3000)	;
colorAnim.setEvaluator(new ArgbEvaluator());
colorAnim.setRepeatCount(ValueAnimator.INFINITE);
colorAnim.setRepeatMode(ValueAnimator.REVERSE);
colorAnim.start();

AnimationSet set = new AnimationSet();
set.playTogether(
	ObjectAnimator.ofFloat(myView, "rotationX", 0, 360),
	ObjectAnimator.ofFloat(myView, "rotationY", 0, 180)
);
set.setDuration(5000).start();

2)xml实现属性动画
属性动画xml需要定义在 res/animator/目录下
res/ animator /anim_property.xml



	
	

在代码中使用xml:

Animator animator = AnimatorInflater.loadAnimator(this, R.animator.anim_property);
animator.setTarget(mIvGlideTest);
animator.start();

说明:
标签,对应 ObjectAnimator
标签, 对应 ValueAnimator

android:ordering: 默认值 together
together: 表示 集合中子动画同时播放
sequentially:表示动画集合中 子动画按前后顺序依次播放

android:startOffset:动画的延迟时间,当动画开始后,延迟多少毫秒开始真正播放此动画

View动画与属性动画区别

View动画,操作的是控件的影像,控件本身属性没有发生变化。
属性动画,修改的时对象的属性,对象本身会被改变。

插值器和估值器理解

插值器:根据时间流逝的百分比,来计算当前属性值改变的百分比
(根据时间流逝比例,计算属性改变的百分比)

自定义插值器,需要实现 Interpolator 接口,或者 TimeInterpolator 接口

估值器:根据当前属性改变的百分比,来计算改变后的属性值
(根据属性改变的百分比,计算改变后的属性值)
IntEvaluator、FloatEvaluator

属性动画监听器:AnimatorUpdateListener、AnimatorListener

public static interface AnimatorUpdateListener {
	void onAnimationUpdate(ValueAnimator animation);
}

属性动画【每播放一帧】,onAnimationUpdate就会被调用一次

推荐阅读:
Android自定义控件三部曲文章索引
《Android开发艺术探索》 第七章 Android动画深入分析

你可能感兴趣的:(Android基础知识体系)