android 动画NineOldAndroid

NineOldAndroid

1.之前我们用到的第动画是frame和tween动画也就是帧动画，补间动画现在多了一种动画，它包含完了前面动画的所有状态。

属性动画(Property Anmation)：这个是在Android 3.0中才引进的，它更改的是对象的实际属性，在View Animation（Tween Animation）中，其改变的是View的绘制效果，真正的View的属性保持不变，比如无论你在对话中如何缩放Button的大小，Button的 有效点击区域还是没有应用动画时的区域，其位置与大小都不变。而在Property Animation中，改变的是对象的实际属性，如Button的缩放，Button的位置与大小属性值都改变了。而且Property Animation不止可以应用于View，还可以应用于任何对象。Property Animation只是表示一个值在一段时间内的改变，当值改变时要做什么事情完全是你自己决定的。

在Property Animation中，可以对动画应用以下属性：

  • Duration：动画的持续时间
  • TimeInterpolation：属性值的计算方式，如先快后慢
  • TypeEvaluator：根据属性的开始、结束值与TimeInterpolation计算出的因子计算出当前时间的属性值
  • Repeat Count and behavoir：重复次数与方式，如播放3次、5次、无限循环，可以此动画一直重复，或播放完时再反向播放
  • Animation sets：动画集合，即可以同时对一个对象应用几个动画，这些动画可以同时播放也可以对不同动画设置不同开始偏移
  • Frame refreash delay：多少时间刷新一次，即每隔多少时间计算一次属性值，默认为10ms，最终刷新时间还受系统进程调度与硬件的影响

2.属性动画(Property Anmation)的工作方式：

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

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

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

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

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

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

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

首先计算出时间因子，即经过的时间百分比：t=10ms/40ms=0.25

经插值计算(inteplator)后的插值因子:大约为0.15，上述例子中用了AccelerateDecelerateInterpolator，计算公式为（input即为时间因子）：

(Math.cos((input + 1) * Math.PI) / 2.0f) + 0.5f;

最后根据TypeEvaluator计算出在10ms时的属性值：0.15*（40-0）=6pixel。上例中TypeEvaluator为FloatEvaluator，计算方法为 ：

public Float evaluate(float fraction, Number startValue, Number endValue) {
    float startFloat = startValue.floatValue();
    return startFloat + fraction * (endValue.floatValue() - startFloat);
}

参数分别为上一步的插值因子，开始值与结束值。

ValueAnimator包含Property Animation动画的所有核心功能，如动画时间，开始、结束属性值，相应时间属性值计算方法等。应用Property Animation有两个步聚：

  1. 计算属性值
  2. 根据属性值执行相应的动作，如改变对象的某一属性。

ValuAnimiator只完成了第一步工作，如果要完成第二步，需要实现ValueAnimator.onUpdateListener接口， 这个接口只有一个函数onAnimationUpdate()，在这个函数中会传入ValueAnimator对象做为参数，通过这个 ValueAnimator对象的getAnimatedValue()函数可以得到当前的属性值如：

ValueAnimator animation = ValueAnimator.ofFloat(0f, 1f);animation.setDuration(1000);animation.addUpdateListener(new AnimatorUpdateListener() {    @Override    public void onAnimationUpdate(ValueAnimator animation) {        Log.i("update", ((Float) animation.getAnimatedValue()).toString());    }});animation.setInterpolator(new CycleInterpolator(3));animation.start();

此示例中只是向Logcat输出了一些信息，可以改为想做的工作。

Animator.AnimatorListener

onAnimationStart()

onAnimationEnd()

onAnimationRepeat()

//当动画被取消时调用，同时会调用onAnimationEnd().
onAnimationCancel()

ValueAnimator.AnimatorUpdateListener

onAnimationUpdate()　　//通过监听这个事件在属性的值更新时执行相应的操作，对于ValueAnimator一般要监听此事件执行相应的动作，不然Animation没意义，在ObjectAnimator（继承自ValueAnimator）中会自动更新属性，如无必要不必监听。在函数中会传递一个ValueAnimator参数，通过此参数的getAnimatedValue()取得当前动画属性值。

可以继承AnimatorListenerAdapter而不是实现AnimatorListener接口来简化操作，这个类对AnimatorListener中的函数都定义了一个空函数体，这样我们就只用定义想监听的事件而不用实现每个函数却只定义一空函数体。

ObjectAnimator oa=ObjectAnimator.ofFloat(tv, "alpha", 0f, 1f);
oa.setDuration(3000);
oa.addListener(new AnimatorListenerAdapter(){
    public void on AnimationEnd(Animator animation){
        Log.i("Animation","end");
    }
});
oa.start();

3.3 ObjectAnimator

继承自ValueAnimator，要指定一个对象及该对象的一个属性，当属性值计算完成时自动设置为该对象的相应属性，即完成了Property Animation的全部两步操作。实际应用中一般都会用ObjectAnimator来改变某一对象的某一属性，但用ObjectAnimator有一 定的限制，要想使用ObjectAnimator，应该满足以下条件：

  • 对象应该有一个setter函数：set<PropertyName>（驼峰命名法）
  • 如上面的例子中，像ofFloat之类的工场方法，第一个参数为对象名，第二个为属性名，后面的参数为可变参数，如果values…参数只设置了 一个值的话，那么会假定为目的值，属性值的变化范围为当前值到目的值，为了获得当前值，该对象要有相应属性的getter方 法：get<PropertyName>
  • 如果有getter方法，其应返回值类型应与相应的setter方法的参数类型一致。

如果上述条件不满足，则不能用ObjectAnimator，应用ValueAnimator代替。

tv=(TextView)findViewById(R.id.textview1);
btn=(Button)findViewById(R.id.button1);
btn.setOnClickListener(new OnClickListener() {
　　@Override
　　public void onClick(View v) {
　　　　ObjectAnimator oa=ObjectAnimator.ofFloat(tv, "alpha", 0f, 1f);
　　　　oa.setDuration(3000);
　　　　oa.start();
　　}
});

把一个TextView的透明度在3秒内从0变至1。

根据应用动画的对象或属性的不同，可能需要在onAnimationUpdate函数中调用invalidate()函数刷新视图。

3.4 通过AnimationSet应用多个动画

AnimationSet提供了一个把多个动画组合成一个组合的机制，并可设置组中动画的时序关系，如同时播放，顺序播放等。

以下例子同时应用5个动画：

  1. 播放anim1；
  2. 同时播放anim2,anim3,anim4；
  3. 播放anim5。
AnimatorSet bouncer = new AnimatorSet();
bouncer.play(anim1).before(anim2);
bouncer.play(anim2).with(anim3);
bouncer.play(anim2).with(anim4)
bouncer.play(anim5).after(amin2);
animatorSet.start();

3.5 TypeEvalutors

根据属性的开始、结束值与TimeInterpolation计算出的因子计算出当前时间的属性值，android提供了以下几个evalutor：

  • IntEvaluator：属性的值类型为int；
  • FloatEvaluator：属性的值类型为float；
  • ArgbEvaluator：属性的值类型为十六进制颜色值；
  • TypeEvaluator：一个接口，可以通过实现该接口自定义Evaluator。

自定义TypeEvalutor很简单，只需要实现一个方法，如FloatEvalutor的定义：

public class FloatEvaluator implements TypeEvaluator {
    public Object evaluate(float fraction, Object startValue, Object endValue) {
        float startFloat = ((Number) startValue).floatValue();
        return startFloat + fraction * (((Number) endValue).floatValue() - startFloat);
    }
}

根据动画执行的时间跟应用的Interplator，会计算出一个0~1之间的因子，即evalute函数中的fraction参数，通过上述FloatEvaluator应该很好看出其意思。

3.6 TimeInterplator

Time interplator定义了属性值变化的方式，如线性均匀改变，开始慢然后逐渐快等。在Property Animation中是TimeInterplator，在View Animation中是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，以上几个都是实现了这个接口

3.7 当Layout改变时应用动画

ViewGroup中的子元素可以通过setVisibility使其Visible、Invisible或Gone，当有子元素可见性改变时(VISIBLE、GONE)，可以向其应用动画，通过LayoutTransition类应用此类动画：

transition.setAnimator(LayoutTransition.DISAPPEARING, customDisappearingAnim);

通过setAnimator应用动画，第一个参数表示应用的情境，可以以下4种类型：

  • APPEARING　　　　　　　　当一个元素在其父元素中变为Visible时对这个元素应用动画
  • CHANGE_APPEARING　　　 当一个元素在其父元素中变为Visible时，因系统要重新布局有一些元素需要移动，对这些要移动的元素应用动画
  • DISAPPEARING　　　　　　 当一个元素在其父元素中变为GONE时对其应用动画
  • CHANGE_DISAPPEARING　  当一个元素在其父元素中变为GONE时，因系统要重新布局有一些元素需要移动，这些要移动的元素应用动画.

第二个参数为一Animator。

mTransitioner.setStagger(LayoutTransition.CHANGE_APPEARING, 30);

此函数设置动画延迟时间，参数分别为类型与时间。

3.8 Keyframes

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

Keyframe kf0 = Keyframe.ofInt(0, 400);
Keyframe kf1 = Keyframe.ofInt(0.25f, 200);
Keyframe kf2 = Keyframe.ofInt(0.5f, 400);
Keyframe kf4 = Keyframe.ofInt(0.75f, 100);
Keyframe kf3 = Keyframe.ofInt(1f, 500);
PropertyValuesHolder pvhRotation = PropertyValuesHolder.ofKeyframe("width", kf0, kf1, kf2, kf4, kf3);
ObjectAnimator rotationAnim = ObjectAnimator.ofPropertyValuesHolder(btn2, pvhRotation);
rotationAnim.setDuration(2000);

上述代码的意思为：设置btn对象的width属性值使其：

  • 开始时 Width=400
  • 动画开始1/4时 Width=200
  • 动画开始1/2时 Width=400
  • 动画开始3/4时 Width=100
  • 动画结束时 Width=500

第一个参数为时间百分比，第二个参数是在第一个参数的时间时的属性值。

定义了一些Keyframe后，通过PropertyValuesHolder类的方法ofKeyframe一个 PropertyValuesHolder对象，然后通过ObjectAnimator.ofPropertyValuesHolder获得一个 Animator对象。

用下面的代码可以实现同样的效果（上述代码时间值是线性，变化均匀）：

ObjectAnimator oa=ObjectAnimator.ofInt(btn2, "width", 400,200,400,100,500);oa.setDuration(2000);oa.start();

3.9 Animating Views

在View Animation中，对View应用Animation并没有改变View的属性，动画的实现是通过其Parent View实现的，在View被drawn时Parents View改变它的绘制参数，draw后再改变参数invalidate，这样虽然View的大小或旋转角度等改变了，但View的实际属性没变，所以有效 区域还是应用动画之前的区域，比如你把一按钮放大两倍，但还是放大这前的区域可以触发点击事件。为了改变这一点，在Android 3.0中给View增加了一些参数并对这些参数增加了相应的getter/setter函数（ObjectAnimator要用这些函数改变这些属性）：

  • translationX,translationY: View相对于原始位置的偏移量
  • rotation,rotationX,rotationY: 旋转，rotation用于2D旋转角度，3D中用到后两个
  • scaleX,scaleY: 缩放比
  • x,y: View的最终坐标，是View的left，top位置加上translationX，translationY
  • alpha: 透明度

跟位置有关的参数有3个，以X坐标为例，可以通过getLeft(),getX(),getTranslateX()获得，若有一Button btn2，布局时其坐标为（40,0）：

//应用动画之前btn2.getLeft();    //40btn2.getX();    //40btn2.getTranslationX();    //0//应用translationX动画ObjectAnimator oa=ObjectAnimator.ofFloat(btn2,"translationX", 200);oa.setDuration(2000);oa.start();/*应用translationX动画后btn2.getLeft();    //40btn2.getX();    //240btn2.getTranslationX();    //200*///应用X动画，假设没有应用之前的translationX动画ObjectAnimator oa=ObjectAnimator.ofFloat(btn2, "x", 200);oa.setDuration(2000);oa.start();/*应用X动画后btn2.getLeft();    //40btn2.getX();    //200btn2.getTranslationX();    //160*/

无论怎样应用动画，原来的布局时的位置通过getLeft()获得，保持不变；

　　X是View最终的位置；

　　translationX为最终位置与布局时初始位置这差。

　　所以若就用translationX即为在原来基础上移动多少，X为最终多少

　　getX()的值为getLeft()与getTranslationX()的和

　　对于X动画，源代码是这样的：

case X:       info.mTranslationX = value - mView.mLeft;       break;

Property Animation也可以在XML中定义

  • <set> - AnimatorSet
  • <animator> - ValueAnimator
  • <objectAnimator> - ObjectAnimator

XML文件应放大/res/animator/中，通过以下方式应用动画：

AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(myContext, R.anim.property_animator);set.setTarget(myObject);set.start();

3.10 ViewPropertyAnimator

如果需要对一个View的多个属性进行动画可以用ViewPropertyAnimator类，该类对多属性动画进行了优化，会合并一些invalidate()来减少刷新视图，该类在3.1中引入。

以下两段代码实现同样的效果：　

PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat("x", 50f);PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat("y", 100f);ObjectAnimator.ofPropertyValuesHolder(myView, pvhX, pvyY).start();
myView.animate().x(50f).y(100f);

4.动画监听器

使用下列介绍的监听器能够监听动画播放期间的重要事件：

1.  Animator.AnimatorListener

onAnimationStart()---动画开始的时候被调用

onAnimationEnd()---动画结束的时候被调用，它不管动画是如何结束的。

onAnimationRepeate()---动画重复播放的时候被调用

onAnimationCancel()---动画被取消播放的时候被调用。

2.  ValueAnimator.AnimatorUpdateListener

onAnimationUpdate()---在动画的帧上调用这个方法。通过监听这个事件，使用在动画期间由ValueAnimator对象产生的计算值。要使用这个值，就要用getAnimateValue()方法查询传递到事件中的ValueAnimator对象，以便获得当前的动画值。如果使用ValueAnimator类，那么实现这个监听器是必须的。

根据属性或对象的动画效果，可能需要调用View对象上的invalidate()方法，用新的动画值来强制屏幕的指定区域进行重绘。例如，Drawable对象的颜色属性的动画效果，在对象重绘自己的时候，只会导致屏幕的更新。在View对象上的所有属性的设置器，如setAlpha()、setTranslationX()等方法都会正确的让View对象失效，因此在调用这些方法设置新值的时候，你不需要让该View对象失效。

如果不实现Animator.AnimatorListener接口的所有方法，你能够继承AnimatorListenerAdapter类，来代替对Animator.AnimatorListener接口的实现。AnimatorListenerAdapter类对这些方法提供了空的实现，你可以选择性的重写这些方法。

例如，APIDemo中的Bouncing Balls示例就只创建了一个AnimatorListenerdapter类的onAnimationEnd()回调方法：

ValueAnimatorAnimator fadeAnim =ObjectAnimator.ofFloat(newBall,"alpha",1f,0f);
fadeAnim.setDuration(250);
fadeAnim.addListener(newAnimatorListenerAdapter(){
publicvoid onAnimationEnd(Animator animation){
    balls.remove(((ObjectAnimator)animation).getTarget());

}

5.上面的是android API 3.0以后自带的Property Animation 但之前的API版本是不能用的，所以要解决这个问题就要引入NineOldAndroids库

NineOldAndroids下载地址：下载

NineOldAndroids的用法和android 3.0 Property Androids的用法是一样的。

对NineOldAndroid官网上的例子进行copy一下MainActivity.class:

  1 public class MainActivity extends Activity {
  2
  3     private Button btn, btnShow, btnShow1, btnShow2;
  4
  5     @Override
  6     protected void onCreate(Bundle savedInstanceState) {
  7         super.onCreate(savedInstanceState);
  8         setContentView(R.layout.activity_main);
  9         btn = (Button) findViewById(R.id.btn_ValueAnimator);
 10         btnShow = (Button) findViewById(R.id.btn_show);
 11         btnShow1 = (Button) findViewById(R.id.btn_show1);
 12         btnShow2 = (Button) findViewById(R.id.btn_show2);
 13         btn.setOnClickListener(new OnClickListener() {
 14
 15             @Override
 16             public void onClick(View v) {
 17                 ValueAnimator value = ObjectAnimator.ofInt(btnShow,
 18                         "backgroundColor", 0xFFFF8080, /* Blue */0xFF8080FF);
 19                 value.setDuration(2000);
 20                 value.setEvaluator(new ArgbEvaluator());
 21                 value.setRepeatCount(ValueAnimator.INFINITE);
 22                 value.setRepeatMode(ValueAnimator.REVERSE);
 23                 value.start();
 24
 25             }
 26         });
 27
 28         btnShow1.setOnClickListener(new OnClickListener() {
 29
 30             // ObjectAnimator.ofFloat(myView, "rotationX", 0, 360),
 31             // ObjectAnimator.ofFloat(myView, "rotationY", 0, 180),
 32             // ObjectAnimator.ofFloat(myView, "rotation", 0, -90),
 33             // ObjectAnimator.ofFloat(myView, "translationX", 0, 90),
 34             // ObjectAnimator.ofFloat(myView, "translationY", 0, 90),
 35             // ObjectAnimator.ofFloat(myView, "scaleX", 1, 1.5f),
 36             // ObjectAnimator.ofFloat(myView, "scaleY", 1, 0.5f),
 37             // ObjectAnimator.ofFloat(myView, "alpha", 1,btnShow1 0.25f, 1)
 38
 39             @Override
 40             public void onClick(View v) {
 41                 AnimatorSet set = new AnimatorSet();
 42                 set.playTogether(
 43                         ObjectAnimator.ofFloat(btnShow1, "rotationX", 0, 360),
 44                         ObjectAnimator.ofFloat(btnShow1, "rotationY", 0, 180),
 45                         ObjectAnimator.ofFloat(btnShow1, "rotation", 0, -90),
 46                         ObjectAnimator.ofFloat(btnShow1, "translationX", 0, 90),
 47                         ObjectAnimator.ofFloat(btnShow1, "translationY", 0, 90),
 48                         ObjectAnimator.ofFloat(btnShow1, "scaleX", 1, 1.5f),
 49                         ObjectAnimator.ofFloat(btnShow1, "scaleY", 1, 0.5f),
 50                         ObjectAnimator.ofFloat(btnShow1, "alpha", 1, 0.25f)
 51
 52                 );
 53
 54                 set.addListener(new AnimatorListener() {
 55
 56                     @Override
 57                     public void onAnimationStart(Animator arg0) {
 58                         // TODO Auto-generated method stub
 59
 60                     }
 61
 62                     @Override
 63                     public void onAnimationRepeat(Animator arg0) {
 64                         // TODO Auto-generated method stub
 65
 66                     }
 67
 68                     @Override
 69                     public void onAnimationEnd(Animator arg0) {
 70                         AnimatorSet set1 = new AnimatorSet();
 71                         set1.playTogether(ObjectAnimator.ofFloat(btnShow1,
 72                                 "rotationX", 360, 0), ObjectAnimator.ofFloat(
 73                                 btnShow1, "rotationY", 180, 0), ObjectAnimator
 74                                 .ofFloat(btnShow1, "rotation", -90, 0),
 75                                 ObjectAnimator.ofFloat(btnShow1,
 76                                         "translationX", 90, 0), ObjectAnimator
 77                                         .ofFloat(btnShow1, "translationY", 90,
 78                                                 0), ObjectAnimator.ofFloat(
 79                                         btnShow1, "scaleX", 1.5f, 1),
 80                                 ObjectAnimator.ofFloat(btnShow1, "scaleY",
 81                                         0.5f, 1), ObjectAnimator.ofFloat(
 82                                         btnShow1, "alpha", 0.25f, 1)
 83
 84                         );
 85                         set1.setDuration(3000).start();
 86                     }
 87
 88                     @Override
 89                     public void onAnimationCancel(Animator arg0) {
 90                         // TODO Auto-generated method stub
 91
 92                     }
 93                 });
 94                  set.setDuration(2000).start();
 95
 96             }
 97         });
 98
 99         btnShow2.setOnClickListener(new OnClickListener() {
100
101             @SuppressLint("NewApi")
102             @Override
103             public void onClick(View v) {
104                 animate(btnShow2).rotationX(720).x(100).y(100)
105                         .setDuration(2000).setListener(new AnimatorListener() {
106
107                             @Override
108                             public void onAnimationStart(Animator arg0) {
109
110                             }
111
112                             @Override
113                             public void onAnimationRepeat(Animator arg0) {
114                                 // TODO Auto-generated method stub
115
116                             }
117
118                             @Override
119                             public void onAnimationEnd(Animator arg0) {
120                                 System.out.println("btnShow2的x,y的坐标是-->>x:"
121                                         + btnShow2.getX() + "     y:"
122                                         + btnShow2.getY());
123                             }
124
125                             @Override
126                             public void onAnimationCancel(Animator arg0) {
127                                 // TODO Auto-generated method stub
128
129                             }
130                         });
131
132             }
133         });
134
135
136
137     }
138 }

xml

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical"
 6     tools:context=".MainActivity" >
 7
 8     <Button
 9         android:id="@+id/btn_ValueAnimator "
10         android:layout_width="wrap_content"
11         android:layout_height="wrap_content"
12         android:text="ValueAnimator" />
13
14     <Button
15         android:id="@+id/btn_show"
16         android:layout_width="wrap_content"
17         android:layout_height="wrap_content"
18         android:text="展示button" />
19
20     <Button
21         android:id="@+id/btn_show1"
22         android:layout_width="wrap_content"
23         android:layout_height="wrap_content"
24         android:text="展示button1" />
25
26     <Button
27         android:id="@+id/btn_show2"
28         android:layout_width="wrap_content"
29         android:layout_height="wrap_content"
30         android:text="展示button2" />
31
32 </LinearLayout>

源码下载地址：地址

android 动画NineOldAndroid

时间： 2024-10-15 16:24:05

android 动画NineOldAndroid的相关文章

android 用NineOldAndroid实现的弹出按钮

NineOldAndroid 1.首先上效果图: 左边这张是没有点击button的时候的效果,   右边这张是点击button 后是以该button为圆的展开5个button                               2.实现的思路是: 1)在FrameLayout中将6个Button进行重叠,然后将主Button显示在最上面,其他Button可以隐藏掉. 2)然后调用用NineOldAndroids来进行动画设置,在设置动画的时候要注意是以Button为中心的圆.所以要根据B

Android动画系列 - PropertyAnim 详解

前言:上一篇文章传统View动画与Property动画基础及比较简单对Android动画系统的基础做了介绍,本篇文章将对PropertyAnimation进行全面深入的探讨,本篇文章可以分为两大块,从第六部分可以作为分界点.前五部分着重讲解了PropertyAnim的动画值的计算过程,ValueAnimator与ObjectAnimator以及TimeInterpolation与TypeEvaluator之间的介绍和比较,这几点是比较重要的,从第六部分开始是通过源码的角度分析了整个动画计算以及内

android动画具体解释六 XML中定义动画

动画View 属性动画系统同意动画View对象并提供非常多比view动画系统更高级的功能.view动画系统通过改变绘制方式来变换View对象,view动画是被view的容器所处理的,由于View本身没有要操控的属性.结果就是View被动画了.但View对象本身并没有变化. 在Android3.0中,新的属性和对应的getter和setter方法被增加以克服此缺点. 属性动画系统能够通过改变View对象的真实属性来动画Views. 并且.View也会在其属性改变时自己主动调用invalidate(

Android开发艺术探索——第七章：Android动画深入分析

Android开发艺术探索--第七章:Android动画深入分析 Android的动画可以分成三种,view动画,帧动画,还有属性动画,其实帧动画也是属于view动画的一种,,只不过他和传统的平移之类的动画不太一样的是表现形式上有点不一样,view动画是通过对场景的不断图像交换而产生的动画效果,而帧动画就是播放一大段图片,很显然,图片多了会OOM,属性动画通过动态的改变对象的属性达到动画效果,也是api11的新特性,在低版本无法使用属性动画,但是我们依旧有一些兼容库,OK,我们还是继续来看下详细

android 动画（1） 补间动画

android动画: 3.0以前,android支持两种动画模式,tween animation,frame animation, 3.0中又引入了一个新的动画系统:property animation, 这三种动画模式在SDK中被称为 property animation,        属性动画: view animation,   补间动画:  给出两个关键帧,通过一些算法将给定属性值在给定的时间内在两个关键帧间渐变. (Tween animation) drawable animatio

android动画详解三 动画API概述

· 属性动画与view动画的不同之处 view动画系统提供了仅动画View 对象的能力,所以如果你想动画非View 对象,你就要自己实现代码. view动画系统实际上还被强制仅能对 View 的少数属性进行动画,比如缩放和旋转,而不能对背景色进行. view动画的另一个坏处是它仅修改View的绘制位置,而不是View的实际位置.例如,如果你动画一个移动穿越屏幕,button的绘制位置是正确的,但实际你可以点击它的位置却没有变,所以你必须去实现你自己的逻辑来处理它. 使用属性动画系统时,这个限制被

Android动画基础

Android动画主要有三种: 1> 视图动画,也叫Tween(补间)动画可以在一个视图容器内执行一系列简单变换(位置.大小.旋转.透明度).譬如,如果你有一个TextView对象,您可以移动.旋转.缩放.透明度设置其文本,当然,如果它有一个背景图像,背景图像会随着文本变化. 补间动画通过XML或Android代码定义,建议使用XML文件定义,因为它更具可读性.可重用性. 2> Drawable动画其实就是Frame动画(帧动画),它允许你实现像播放幻灯片一样的效果,这种动画的实质其实是Dra

Android动画效果——1.帧动画2.补间动画3.跳转画面（三）

Android--动画效果1.帧动画2.补间动画3.跳转画面 插值器类 xml属性值 说明 LinearInterpolator @android:anim/linear_interpolatorr 动画以均匀的速度改变. AccelerateInterpolator @android:anim/accelerate_interpolator 在动画开始时改变速度较慢,然后开始加速. AccelerateDecelerateInterpolator @android:anim/accelerat

Android动画AnimationSet遇到的问题。

之前对Android动画这块一直是一知半解,知道个大概,并不会使用.刚好这几天没有太多的任务要做,可以梳理一下Android动画的一些知识.Android Animation的基础用法就不说了,这里主要记录下简单实用中遇到的问题. 1.XML中AnimationSet的某些属性有些问题. 主要就是android:repeatCount,android:repeatMode无效.这个问题据说是Google的工程师刻意为之.[参考:http://stackoverflow.com/questions