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