Android 动画框架
其中包括,帧动画、视图动画(补间动画)、属性动画。
在Android3.0之前,视图动画一家独大,之后属性动画框架被推出。属性动画框架,基本可以实现所有的视图动画效果。
视图动画的效率较高且使用方便。但是相比属性动画,视图动画一个非常大的缺陷就是不具备交互性。当某个元素发生视图动画后,其响应事件的位置还依然在动画前的地方,所以视图动画只能做普通的动画效果,避免交互发生。
书接上篇:Android 动画之视图动画的使用
Animator 属性动画
其拥有ObjectAnimator单个动画和AnimatorSet动画集两个类。
使用 ObjectAnimator 可以控制单个View的某个属性值的变化,而将多个 ObjectAnimator 组合到一起就可以形成一个 AnimatorSet 动画集合。
ObjectAnimator
ObjectAnimator可以调用 setFrameDelay(longframeDelay) 设置动画帧之间的间隙时间,通过调整帧率的方式减少动画过程中频繁绘制界面。从而在不影响动画效果的前提下减少CPU资源消耗。
最重要的是,属性动画通过属性的get、set方法来真实地控制一个View的属性值。使用方法如下:
- translationX和translationY:控制着View从布局容器的左上角坐标偏移的位置;
ObjectAnimator animator=ObjectAnimator.ofFloat(view,"translationX",300);
animator.setDuration(300);
animator.start();
- pivotX 和 privotY:控制着View的支点位置,默认支点为View的中心;
- rorationX 和 rorationY :控制View围绕支点进行2D和3D旋转;
- scaleX 和 scaleY:控制着View围绕它的支点进行2D缩放;
- alpha:控制View的alpha透明度。默认值1不透明,0完全透明。
监听事件
ObjectAnimator anima =ObjectAnimator.ofFloat(View,"alpha",0.5f);
anima.addListener(new AnimatorListener(){
@Overrider
public void onAnimationStart(Animator animation){//开始}
@Overrider
public void onAnimationRepeat(Animator animation){ //重复}
@Overrider
public void onAnimationEnd(Animator animation){//结束 }
@Overrider
public void onAnimationCancel(Animator animation){ //取消 }
});
anima.start();
也可以进行选择,单个事件进行监听:
anima.addListener(new AnimatorListenerAdapter(){
@Override
public void onAnimationEnd(Animator animation){
//结束
}
});
AnimatorSet
AnimatoSet 可以通过 playTogether()、playSequentially()、animSet.play().with()、before()、after(),来控制多个动画的协同工作方式,从而做到对动画播放顺序的控制。
ObjectAnimator animator1 =ObjecteAnimator.ofFloat(view,"translation",300f);
ObjectAnimator animator1 =ObjecteAnimator.ofFloat(view,"scaleX",1);
ObjectAnimator animator1 =ObjecteAnimator.ofFloat(view,"scaleY",1);
AnimatorSet set=new AnimatorSet();
set.setDuration(1000);
set.playTogether(animator1,animator2,animator3);//同时播放动画
set.start();
自定义动画
通过继承Animation类,重写其动画的方法实现。
其中一个关键方法如下:
applyTransformation(float interpolatedTime ,transformation t)
- interpolatedTime:插值器的时间因子,取值范围为0~1 之间;
- transformation :矩阵封装类,使用它获取矩阵对象getMatrix();
案例,模拟电视机关闭效果的动画来初步了解自定义动画。代码实现如下:
/**
* Created by aiyang on 2018/5/28.
*/
public class CustomTV extends Animation {
private int mCenterWidth;
private int mCenterHeight;
private Camera camera=new Camera();
@Override
public void initialize(int width, int height, int parentWidth, int parentHeight) {
super.initialize(width, height, parentWidth, parentHeight);
setDuration(2000);
setFillAfter(false);
setRepeatCount(3);
setInterpolator(new AccelerateInterpolator());
//缩放的中心位置
mCenterWidth = width/2;
mCenterHeight = height/2;
}
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
final Matrix matrix=t.getMatrix();
//让一个图像纵向比例不断缩小就能实现电视机关闭的效果
matrix.preScale(1,1-interpolatedTime,mCenterWidth,mCenterHeight);
}
}
自定义3D动画
结合矩阵Matrix,并使用 Camera 类可以实现一个自定义的3D动画效果。
这里的Camera并非系统相机类,而是指的是android.graphics.Camera 中的 Camera 类,它封装了openGL的3D动画,从而可以非常方便的创建3D动画效果。
接上面的代码进行修改,如下:
/**
* Created by aiyang on 2018/5/28.
*/
public class CustomAnim extends Animation {
private int mCenterWidth;
private int mCenterHeight;
private Camera mCamera = new Camera();
private float mRotateY = 0.0f;
@Override
public void initialize(int width, int height, int parentWidth, int parentHeight) {
super.initialize(width, height, parentWidth, parentHeight);
setDuration(3000);
setFillAfter(true);
setRepeatCount(3);
setInterpolator(new BounceInterpolator());
mCenterWidth = width / 2;
mCenterHeight = height / 2;
}
//暴露接口,设置旋转角度
public void setRotateY(float rotateY){
mRotateY=rotateY;
}
@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
final Matrix matrix=t.getMatrix();
mCamera.save();
//使用Camera设置旋转的角度
mCamera.rotateY(mRotateY*interpolatedTime);
//将旋转变换作用到Matrix上
mCamera.getMatrix(matrix);
mCamera.restore();
//通过pre方法设置矩阵作用前的偏移量来改变旋转中心
matrix.preTranslate(mCenterWidth,mCenterHeight);
matrix.postTranslate(-mCenterWidth,-mCenterHeight);
}
}
代码调用
CustomAnim anim = new CustomAnim();
anim.setRotateY(10);
textView.setText("推开门");
textView.startAnimation(anim);
当然,根据对属性动画的知识学习,我们知道属性动画可以支持3D旋转:
即rorationX 和 rorationY :控制View围绕支点进行2D和3D旋转;