Android翻译动画

时间:2014-04-29 15:41:52

标签: android android-animation

我正在努力使用Android动画系统。为了测试\学习目的,我做了一个简单的布局如下:

<?xml version="1.0" encoding="utf-8"?>

<FrameLayout 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.8"
    android:background="#ffcccccc">

    <Button
        android:id="@+id/animation_object" 
        android:layout_width="44dp"
        android:layout_height="44dp"
        android:background="#ffff0000"
        android:text="Click me!"
        android:onClick="onClickAnimatingObject">

    </Button>
</FrameLayout>

<LinearLayout 
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.2">

    <Button 
        android:id="@+id/btn_animate"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="Animate!"
        android:onClick="onClick"/>
</LinearLayout>

当我点击animation_object按钮时,我正在做的是翻译btn_animate按钮的宽度,如下所示:

public void onClick(View view) {                
    ObjectAnimator animator = ObjectAnimator.ofFloat(animatingObject, "x", animatingObject.getLeft(), animatingObject.getWidth()).setDuration(300);
    animator.setRepeatMode(ObjectAnimator.INFINITE);
    animator.addListener(new AnimatorListener() {

        @Override
        public void onAnimationStart(Animator animation) {
            Log.v("ACN", "Start! l = "+animatingObject.getLeft()+" || r = "+animatingObject.getRight()+" || t = "+animatingObject.getTop()+" || b = " + animatingObject.getBottom());
        }

        @Override
        public void onAnimationRepeat(Animator animation) {
            // TODO Auto-generated method stub

        }

        @Override
        public void onAnimationEnd(Animator animation) {                
            Log.v("ACN", "End! l = "+animatingObject.getLeft()+" || r = "+animatingObject.getRight()+" || t = "+animatingObject.getTop()+" || b = " + animatingObject.getBottom());
        }

        @Override
        public void onAnimationCancel(Animator animation) {
            // TODO Auto-generated method stub

        }
    });

    animator.start();

}

第一次点击时,我会收到以下日志:

04-29 17:33:03.249: V/ACN(22061): Start! l = 0 || r = 88 || t = 0 || b = 88
04-29 17:33:03.554: V/ACN(22061): End! l = 0 || r = 88 || t = 0 || b = 88

因此,当我再次点击btn_animate时,animation_object按钮会从其起始位置“重新启动”动画。

我想要的是每次点击btn_animate后按钮都会从当前位置翻译,但我真的不知道该怎么做。有什么建议吗?

谢谢 卢卡

1 个答案:

答案 0 :(得分:1)

我建议在对象动画中使用getX()而不是getLeft(),尤其是在更新x属性时。然后每次使用另一个变量更新另一个值,例如:offset + animatingObject.getWidth()。