Property Animation

Property Animation屬性動畫

通過動畫的方式改變對象的屬性
- ObjectAnimator 動畫的執行類,後面詳細介紹
- ValueAnimator 動畫的執行類,後面詳細介紹
- AnimatorSet 用於控制一組動畫的執行:線性,一起,每個動畫的先後執行等。
- AnimatorInflater 用戶加載屬性動畫的xml文件
- TypeEvaluator 類型估值,主要用於設置動畫操作屬性的值。
- TimeInterpolator 時間插值。

ObjectAnimator實現動畫

ObjectAnimator.ofFloat(view, "rotationX", 0.0F, 360.0F).setDuration(500).start();```

1. 提供了ofIntofFloatofObject,這幾個方法都是設置動畫作用的元素、作用的屬性、動畫開始、結束、以及中間的任意個屬性值。當對於屬性值,只設置一個的時候,會認爲當然對象該屬性的值爲開始(getPropName反射獲取),然後設置的值爲終點。如果設置兩個,則一個爲開始、一個爲結束~~~
動畫更新的過程中,會不斷調用setPropName更新元素的屬性,所有使用ObjectAnimator更新某個屬性,必須得有getter(設置一個屬性值的時候)和setter方法~
2. 如果你操作對象的該屬性方法裏面,比如上例的setRotationX如果內部沒有調用view的重繪,則你需要自己按照下面方式手動調用。

anim.addUpdateListener(new AnimatorUpdateListener()
{
@Override
public void onAnimationUpdate(ValueAnimator animation)
{
// view.postInvalidate();
// view.invalidate();
}
});“`

  1. 可以在addUpdateListener中獲取變化值
 anim.addUpdateListener(new AnimatorUpdateListener()
    {
        @Override
        public void onAnimationUpdate(ValueAnimator animation)
        {
            float cVal = (Float) animation.getAnimatedValue();
        }
    });```

## PropertyValuesHolder使用
實現一個動畫更改多個效果

public void propertyValuesHolder(View view)
{
PropertyValuesHolder pvhX = PropertyValuesHolder.ofFloat(“alpha”, 1f,
0f, 1f);
PropertyValuesHolder pvhY = PropertyValuesHolder.ofFloat(“scaleX”, 1f,
0, 1f);
PropertyValuesHolder pvhZ = PropertyValuesHolder.ofFloat(“scaleY”, 1f,
0, 1f);
ObjectAnimator.ofPropertyValuesHolder(view, pvhX, pvhY,pvhZ).setDuration(1000).start();
} “`

ValueAnimator

ValueAnimator並沒有在屬性上做操作,不需要操作的對象的屬性一定要有getter和setter方法,你可以自己根據當前動畫的計算值,來操作任何屬性。

    public void verticalRun( View view)
    {
        ValueAnimator animator = ValueAnimator.ofFloat(0, mScreenHeight
                - mBlueBall.getHeight());
        animator.setTarget(mBlueBall);
        animator.setDuration(1000).start();
//      animator.setInterpolator(value)
        animator.addUpdateListener(new AnimatorUpdateListener()
        {
            @Override
            public void onAnimationUpdate(ValueAnimator animation)
            {
                mBlueBall.setTranslationY((Float) animation.getAnimatedValue());
            }
        });
    }```
拋物線
  ```
  public void paowuxian(View view)
    {

        ValueAnimator valueAnimator = new ValueAnimator();
        valueAnimator.setDuration(3000);
        valueAnimator.setObjectValues(new PointF(0, 0));
        valueAnimator.setInterpolator(new LinearInterpolator());
        valueAnimator.setEvaluator(new TypeEvaluator<PointF>()
        {
            // fraction = t / duration
            @Override
            public PointF evaluate(float fraction, PointF startValue,
                    PointF endValue)
            {
                Log.e(TAG, fraction * 3 + "");
                // x方向200px/s ,則y方向0.5 * 10 * t
                PointF point = new PointF();
                point.x = 200 * fraction * 3;
                point.y = 0.5f * 200 * (fraction * 3) * (fraction * 3);
                return point;
            }
        });

        valueAnimator.start();
        valueAnimator.addUpdateListener(new AnimatorUpdateListener()
        {
            @Override
            public void onAnimationUpdate(ValueAnimator animation)
            {
                PointF point = (PointF) animation.getAnimatedValue();
                mBlueBall.setX(point.x);
                mBlueBall.setY(point.y);

            }
        });
    }```

## AnimatorSet
實現多個動畫間調用順序

public void playWithAfter(View view)
{
float cx = mBlueBall.getX();

    ObjectAnimator anim1 = ObjectAnimator.ofFloat(mBlueBall, "scaleX",
            1.0f, 2f);
    ObjectAnimator anim2 = ObjectAnimator.ofFloat(mBlueBall, "scaleY",
            1.0f, 2f);
    ObjectAnimator anim3 = ObjectAnimator.ofFloat(mBlueBall,
            "x",  cx ,  0f);
    ObjectAnimator anim4 = ObjectAnimator.ofFloat(mBlueBall,
            "x", cx);

    /**
     * anim1,anim2,anim3同時執行
     * anim4接着執行
     */
    AnimatorSet animSet = new AnimatorSet();
    animSet.play(anim1).with(anim2);
    animSet.play(anim2).with(anim3);
    animSet.play(anim4).after(anim3);
    animSet.setDuration(1000);
    animSet.start();
}

} “`

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章