Question

我正试图在点击时移动按钮（带动画）。我希望它在第一次点击时向下移动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来确保按钮的坐标不会因点击而改变。

Answer 1

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

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

Answer 2

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

Answer 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) {}

}

Answer 4

一个简单的解决方案是在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);

TranslateAnimation后无法点击按钮

4 个答案: