TranslateAnimation后无法点击按钮

时间:2012-01-30 17:10:11

标签: android animation

我正试图在点击时移动按钮(带动画)。我希望它在第一次点击时向下移动100个像素,在第二个点上移动100个像素,在第三个点上移动100个像素到底部,依此类推。 我有简单的布局文件(main.xml):

<?xml version="1.0" encoding="utf-8"?>
<Button xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="Press to begin animation" />

我的发布活动如下:

public class TestActivity extends Activity {
public final String TAG="TestActivity";
boolean toTop=false;
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main); 
    Button b=(Button)findViewById(R.id.button);
    b.setOnClickListener(new OnClickListener() {

        public void onClick(View v) {
            Toast.makeText(TestActivity.this, "left="+v.getLeft()+"\nright="+v.getRight(), Toast.LENGTH_SHORT).show();

            Animation translateAnimation;
            if(toTop) translateAnimation=new TranslateAnimation(0, 0, 0, -100); 
            else translateAnimation=new TranslateAnimation(0, 0, 0, 100);
            translateAnimation.setDuration(1000);
            translateAnimation.setFillEnabled(true);
            translateAnimation.setFillAfter(true);

            v.startAnimation(translateAnimation);
            toTop=!toTop;
        }
    });
}
}

当我按下按钮时,我可以看到它移动到底部。但是当我第二次按它时,没有任何反应。我必须单击按钮的初始矩形才能再次开始动画。看起来按钮按预期绘制,但实际视图保持在同一位置。我想知道如何完全移动视图,而不仅仅是视觉部分。 此外,我使用Toast.maketext.show来确保按钮的坐标不会因点击而改变。

4 个答案:

答案 0 :(得分:34)

有一种更容易提及的方法。可以使用View.animate()方法来移动可点击元素:

v.animate().translationY(100).start(); // move away
v.animate().translationY(0).start(); // move back

答案 1 :(得分:9)

是的,这是正常行为。这是因为动画只是重新渲染View的像素,但它在显示屏上的位置保持不变。如果您想将View重新定位到动画结束的地方,则需要调用View.layout()方法并传递4个参数,这些参数描述View在其布局上的新位置。请注意,View.layout()相对于View的父级而言会获得参数。

答案 2 :(得分:3)

View.layout()确实有效,非常感谢,teoREtik。在这里,我提供了工作变体,它可以移动按钮本身(希望它对某些人有用):

public class TestActivity extends Activity {
public final String TAG="TestActivity";
boolean toTop=false;
@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main); 
    Button b=(Button)findViewById(R.id.button);
    b.setOnClickListener(new OnClickListener() {

        public void onClick(View v) {
            int modifierY;
            if(toTop) modifierY=-100; 
            else modifierY=100;
            Animation translateAnimation=new TranslateAnimation(0, 0, 0, modifierY);
            translateAnimation.setDuration(1000);
            translateAnimation.setFillEnabled(true);
            MyAnimationListener listener=new MyAnimationListener(v, modifierY,TestActivity.this);
            translateAnimation.setAnimationListener(listener);

            v.startAnimation(translateAnimation);
            toTop=!toTop;
        }
    });
}

我们必须仅在动画完成时调用View.layout(),因此我们需要使用AnimationListener.onAnimationEnd。为了能够指定button和modifierY,我创建了自定义AnimationListener,它在构造函数中接收按钮和modifierY:

public class MyAnimationListener implements AnimationListener{
View mView;
int mModifier;
Context mContext;

public MyAnimationListener(View v, int modifier, Context c){
    mView=v;
    mModifier=modifier;
    mContext=c;
}
public void onAnimationEnd(Animation animation) {
    int[] pos={mView.getLeft(),mView.getTop()+mModifier,mView.getRight(),mView.getBottom()+mModifier};
    mView.layout(pos[0],pos[1],pos[2],pos[3]);
    Toast.makeText(mContext, "left="+mView.getLeft()+"\ntop="+mView.getTop(), Toast.LENGTH_SHORT).show();
}

public void onAnimationRepeat(Animation animation) {}

public void onAnimationStart(Animation animation) {}

}

答案 3 :(得分:2)

一个简单的解决方案是在onAnimationEnd函数中添加填充:

 public void moveAnimation() {

    move = new TranslateAnimation(Pos-50, 0, 0, 0);
    Pos += 50.0;
    move.setDuration(1500);
    move.setFillAfter(true);
     move.setAnimationListener(new AnimationListener(){

            @Override
            public void onAnimationEnd(Animation arg0) {

                int x=(int) (Pos-50),y=0; 
                i.setPadding(x,y,0,0);
                x+=50; y+=0;
                i.setPadding(x,y,0,0);
            }

            @Override
            public void onAnimationRepeat(Animation arg0) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onAnimationStart(Animation arg0) {
                // TODO Auto-generated method stub

            }

        });


    i.startAnimation(move);


}

其中i = (ImageView) findViewById(R.id.imgAMD);