文章目录[隐藏]
动画分类
Android动画可以分3种:View动画,帧动画和属性动画;属性动画为API11的新特性,在低版本是无法直接使用属性动画的,但可以用nineoldAndroids来实现(但是本质还是viiew动画)。学习本篇内容主要掌握以下知识:
1,View动画以及自定义View动画。
2,View动画的一些特殊使用场景。
3,对属性动画做了一个全面的介绍。
4,使用动画的一些注意事项。
view动画
android:shareInterpolator表示集合中的动画是否和集合共享同一个插值器,如果集合不指定插值器,那么子动画就需要单独指定所需的插值器或默认值。Animation通过setAnimationListener方法可以给View动画添加过程监听。
自定义View动画只需要继承Animation这个抽象类,并重写initialize和applyTransformation方法,在initialize方法中做一些初始化工作,在applyTransformation中进行相应的矩形变换,很多时候需要采用Camera来简化矩形变换过程。帧动画是顺序播放一组预先定义好的图片,类似电影播放;使用简单但容易引发OOM,尽量避免使用过多尺寸较大的图片。
view动画应用场景
<?xml version="1.0" encoding="utf-8"?> <layoutAnimation xmlns:android="http://schemas.android.com/apk/res/android" android:animationOrder="normal" android:delay="0.3" android:animation="@anim/anim_item"/> //--- animationOrder 表示子元素的动画的顺序,有三种选项: //normal(顺序显示)、reverse(逆序显示)和random(随机显示)。 <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="300" android:shareInterpolator="true"> <alpha android:fromAlpha="0.0" android:toAlpha="1.0" /> <translate android:fromXDelta="300" android:toXDelta="0" /> </set>
第一种,在布局中引用LayoutAnimation
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:layoutAnimation="@anim/anim_layout"/>
第二种,代码种使用
Animation animation = AnimationUtils.loadAnimation(this, R.anim.anim_item); LayoutAnimationController controller = new LayoutAnimationController(animation); controller.setDelay(0.5f); controller.setOrder(LayoutAnimationController.ORDER_NORMAL); listview.setLayoutAnimation(controller);
帧动画
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false">
<item
android:drawable="@mipmap/lottery_1"
android:duration="200" />
// ...省略很多
<item
android:drawable="@mipmap/lottery_6"
android:duration="200" />
</animation-list>
然后
imageView.setImageResource(R.drawable.frame_anim); AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getDrawable(); animationDrawable.start();//启动start,关闭stop
属性动画
属性动画作用属性
<set android:ordering=["together" | "sequentially"]> <objectAnimator android:propertyName="string" android:duration="int" android:valueFrom="float | int | color" android:valueTo="float | int | color" android:startOffset="int" android:repeatCount="int" android:repeatMode=["repeat" | "reverse"] android:valueType=["intType" | "floatType"]/> <animator android:duration="int" android:valueFrom="float | int | color" android:valueTo="float | int | color" android:startOffset="int" android:repeatCount="int" android:repeatMode=["repeat" | "reverse"] android:valueType=["intType" | "floatType"]/> <set> ... </set> </set>
<set>
android:valueFrom --------变化开始值
android:valueTo ------------变化结束值
android:valueType -------变化值类型 ,它有两种值:intType和floatType,默认值floatType。
android:duration ---------持续时间
android:valueTo
android:duration
android:startOffset
android:repeatCount
android:repeatMode
android:valueType
AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(myContext, R.anim.property_animator); set.setTarget(myObject);//myObject表示作用的对象 set.start();
插值器和估值器
public class IntEvaluator implements TypeEvaluator<Integer> { public Integer evaluate(float fraction, Integer startValue, Integer endValue) { int startInt = startValue; return (int)(startInt + fraction * (endValue - startInt)); } }上述代码就是计算当前属性所占总共的百分百。
属性动画监听器
public static interface AnimatorListener {
void onAnimationStart(Animator animation); //动画开始
void onAnimationEnd(Animator animation); //动画结束
void onAnimationCancel(Animator animation); //动画取消
void onAnimationRepeat(Animator animation); //动画重复播放
}
AnimatorUpdateListener
public static interface AnimatorUpdateListener {
void onAnimationUpdate(ValueAnimator animator);
}
应用场景
- 给你的对象加上get和set方法,如果你有权限的话
- 用一个类来包装原始对象,间接提高get和set方法
- 采用ValueAnimator,监听动画执行过程,实现属性的改变
有了上面的说明,我们大致明白了,要实现开始说的这个问题的效果,我们需要用一个间接的类来实现get和set方法或者自己实现一个ValueAnimator。
public class ViewWrapper {
private View target;
public ViewWrapper(View target) {
this.target = target;
}
public int getWidth() {
return target.getLayoutParams().width;
}
public void setWidth(int width) {
target.getLayoutParams().width = width;
target.requestLayout();
}
}
第二种,采用ValueAnimator,监听动画过程。
private void startValueAnimator(final View target, final int start, final int end) { ValueAnimator valueAnimator = ValueAnimator.ofInt(1, 100); valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener() { private IntEvaluator mEvaluation = new IntEvaluator();//新建一个整形估值器作为临时变量 @Override public void onAnimationUpdate(ValueAnimator animation) { //获得当前动画的进度值 1~100之间 int currentValue = (int) animation.getAnimatedValue(); //获得当前进度占整个动画过程的比例,浮点型,0~1之间 float fraction = animation.getAnimatedFraction(); //调用估值器,通过比例计算出宽度 int targetWidth = mEvaluation.evaluate(fraction, start, end); target.getLayoutParams().width = targetWidth; //设置给作用的对象,刷新页面 target.requestLayout(); } }); }属性动画的工作原理
private void start(boolean playBackwards) {
if(Looper.myLooper() == null) {
throw new AndroidRuntimeException("Animators may only be run on Looper threads");
} else {
this.mPlayingBackwards = playBackwards;
this.mCurrentIteration = 0;
this.mPlayingState = 0;
this.mStarted = true;
this.mStartedDelay = false;
((ArrayList)sPendingAnimations.get()).add(this);
if(this.mStartDelay == 0L) {
this.setCurrentPlayTime(this.getCurrentPlayTime());
this.mPlayingState = 0;
this.mRunning = true;
if(this.mListeners != null) {
ArrayList animationHandler = (ArrayList)this.mListeners.clone();
int numListeners = animationHandler.size();
for(int i = 0; i < numListeners; ++i) {
((AnimatorListener)animationHandler.get(i)).onAnimationStart(this);
}
}
}
ValueAnimator.AnimationHandler var5 = (ValueAnimator.AnimationHandler)sAnimationHandler.get();
if(var5 == null) {
var5 = new ValueAnimator.AnimationHandler(null);
sAnimationHandler.set(var5);
}
var5.sendEmptyMessage(0);
}
}
private static final ThreadLocal<ArrayList<ValueAnimator>> sAnimations = new ThreadLocal() {
protected ArrayList<ValueAnimator> initialValue() {
return new ArrayList();
}
};
private static final ThreadLocal<ArrayList<ValueAnimator>> sPendingAnimations = new ThreadLocal() {
protected ArrayList<ValueAnimator> initialValue() {
return new ArrayList();
}
};
private static final ThreadLocal<ArrayList<ValueAnimator>> sDelayedAnims = new ThreadLocal() {
protected ArrayList<ValueAnimator> initialValue() {
return new ArrayList();
}
};
private static final ThreadLocal<ArrayList<ValueAnimator>> sEndingAnims = new ThreadLocal() {
protected ArrayList<ValueAnimator> initialValue() {
return new ArrayList();
}
};
private static final ThreadLocal<ArrayList<ValueAnimator>> sReadyAnims = new ThreadLocal() {
protected ArrayList<ValueAnimator> initialValue() {
return new ArrayList();
}
};
这里系统怎么计算每一帧的动画的呢,看看下面的代码
void animateValue(float fraction) { fraction = this.mInterpolator.getInterpolation(fraction); this.mCurrentFraction = fraction; int numValues = this.mValues.length; int numListeners; for(numListeners = 0; numListeners < numValues; ++numListeners) { this.mValues[numListeners].calculateValue(fraction); } if(this.mUpdateListeners != null) { numListeners = this.mUpdateListeners.size(); for(int i = 0; i < numListeners; ++i) { ((ValueAnimator.AnimatorUpdateListener)this.mUpdateListeners.get(i)).onAnimationUpdate(this); } } }不过我们知道要改变动画,一定调用了get/set方法,那我们重点看下这相关的代码。这段代码在setProperty方法里面
public void setProperty(Property property) { if(this.mValues != null) { PropertyValuesHolder valuesHolder = this.mValues[0]; String oldName = valuesHolder.getPropertyName(); valuesHolder.setProperty(property); this.mValuesMap.remove(oldName); this.mValuesMap.put(this.mPropertyName, valuesHolder); } if(this.mProperty != null) { this.mPropertyName = property.getName(); } this.mProperty = property; this.mInitialized = false; }这里有一个PropertyValuesHolder,顾名思义这是一个操作数据的类,和我们的adapter的Holder差不多,该方法的get方法主要用到了反射。
private void setupValue(Object target, Keyframe kf) {
if(this.mProperty != null) {
kf.setValue(this.mProperty.get(target));
}
try {
if(this.mGetter == null) {
Class e = target.getClass();
this.setupGetter(e);
}
kf.setValue(this.mGetter.invoke(target, new Object[0]));
} catch (InvocationTargetException var4) {
Log.e("PropertyValuesHolder", var4.toString());
} catch (IllegalAccessException var5) {
Log.e("PropertyValuesHolder", var5.toString());
}
}
代码就看到这,有兴趣的可以去看下源码
使用属性动画需要注意的事项
OOM,需注意,尽量避免使用帧动画。使用无限循环的属性动画时,在Activity退出时即使停止,否则将导致Activity无法释放从而造成
内存泄露。View动画是对View的影像做动画,并不是真正的改变了View的状态,因此有时候会出现动画完成后View无法隐藏(setVisibility(View.GONE)失效),这时候调用view.clearAnimation()清理View动画即可解决。不要使用px,使用px会导致不同设备上有不同的效果。View动画是对View的影像做动画,View的真实位置没有变动,也就导致点击View动画后的位置触摸事件不会响应,属性动画不存在这个问题。使用动画的过程中,使用硬件加速可以提高动画的流畅度。动画在3.0以下的系统存在兼容性问题,特殊场景可能无法正常工作,需做好适配工作。
原创文章,作者:奋斗,如若转载,请注明出处:https://blog.ytso.com/tech/pnotes/5838.html