にいくつかImageViewのがありRelativeLayoutます。これで、ユーザーがImageViewのいずれかをタップしたときに、微妙なアニメーションで指定された場所に移動したいと思います。
例えば; 最初にasにLayoutParams関連付けるマージンを設定してから、レイアウトに追加しました。ImageViewlayoutparams1.setMargins(90,70,0,0);
そして、imageviewをタップすると、アニメーション付きの新しい場所になりたい200,200です。
それで、それは可能ですか？はいの場合、どのように？
RelativeLayout私はその子の両方とすべてをImageViewプログラムで作成していることに注意してください。
そして、私はAndroid開発に不慣れなので、精巧な答えが期待されます。
TranslateAnimation animation = new TranslateAnimation(0, 50, 0, 100);
animation.setDuration(1000);
animation.setFillAfter(false);
animation.setAnimationListener(new MyAnimationListener());
imageView.startAnimation(animation);
更新:
問題は、View実際にはまだ古い位置にあることです。そのため、アニメーションが終了したら移動する必要があります。アニメーションがいつ終了したかを検出するには、独自のanimationListener(activityクラス内で)作成する必要があります。
private class MyAnimationListener implements AnimationListener{
@Override
public void onAnimationEnd(Animation animation) {
imageView.clearAnimation();
LayoutParams lp = new LayoutParams(imageView.getWidth(), imageView.getHeight());
lp.setMargins(50, 100, 0, 0);
imageView.setLayoutParams(lp);
}
@Override
public void onAnimationRepeat(Animation animation) {
}
@Override
public void onAnimationStart(Animation animation) {
}
}
そのため、onClickEvent新しい場所で再び解雇されます。アニメーションはそれをさらに下に移動するので、xとyを変数に保存しonAnimationEnd()て、 で固定位置に移動しないようにすることができます。
また使用した方が良いですObjectAnimator。このビューを新しい位置に移動します。例えば ：
ImageView splash ;
@Override
public boolean onTouchEvent(MotionEvent event) {
float tx = event.getX();
float ty = event.getY();
int action = event.getAction();
switch(action) {
case MotionEvent.ACTION_DOWN:
tx = event.getX();
ty = event.getY();
// findViewById(R.id.character).setX(tx-45);
// findViewById(R.id.character).setY(ty-134);
ObjectAnimator animX = ObjectAnimator.ofFloat(splash, "x", tx-45);
ObjectAnimator animY = ObjectAnimator.ofFloat(splash, "y", ty-134);
AnimatorSet animSetXY = new AnimatorSet();
animSetXY.playTogether(animX, animY);
animSetXY.start();
break;
default:
}
return true;
}
以下のコードでは、フレーム レイアウトの中央に画像ビューを動的に追加しています。追加後、スケーリングを増やし、アルファを設定してズーム効果を与え、アニメーションが完了したら、画像ビューをある位置から別の位置に移動します。
フレームレイアウトに画像ビューを追加
imgHeart = new ImageView(getBaseContext());
imgHeart.setId(R.id.heartImage);
imgHeart.setImageResource(R.drawable.material_heart_fill_icon);
imgHeart.setLayoutParams(new FrameLayout.LayoutParams(50, 50, Gravity.CENTER));
mainFrameLaout.addView(imgHeart);
画像ビューにアニメーションを追加
imgHeart.animate()
.scaleXBy(6)
.scaleYBy(6)
.setDuration(700)
.alpha(2)
.setListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
imgHeart.animate()
.scaleXBy(-6f).scaleYBy(-6f)
.alpha(.1f)
.translationX((heigthAndWidth[0] / 2) - minusWidth)
.translationY(-((heigthAndWidth[1] / 2) - minusHeight))
.setDuration(1000)
.setListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
}
@Override
public void onAnimationEnd(Animator animation) {
// remove image view from framlayout
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
}).start();
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
}).start();