Déplacer une ImageView à différentes position dans l'Animé sous Android

J'ai plusieurs ImageViews dans un RelativeLayout. maintenant, lorsque l'utilisateur touche l'un de l'ImageView, je veux qu'il soit déplacé vers un emplacement spécifié avec de subtiles de l'animation.

Par exemple; j'ai d'abord définir les marges LayoutParams associée à une ImageView comme layoutparams1.setMargins(90,70,0,0); et alors qu'il s'ajoute à la mise en page.

et quand imageview est approché, j'aimerais son nouvel emplacement à 200,200, avec l'animation.

Donc est-il possible? si oui, comment?

Remarque que j'ai à la fois RelativeLayout et l'ensemble de son enfant ImageViews créé par programmation.

Et je suis nouveau sur android développement d'une forme élaborée réponse est attendue.

InformationsquelleAutor Kushal | 2012-06-21

54
```
TranslateAnimation animation = new TranslateAnimation(0, 50, 0, 100);
animation.setDuration(1000);
animation.setFillAfter(false);
animation.setAnimationListener(new MyAnimationListener());

imageView.startAnimation(animation);
```
Mise à JOUR :
Le problème est que le View est en fait encore dans son ancienne position. Donc, nous devons nous déplacer lorsque l'animation est terminée. Pour détecter lorsque l'animation est terminée, nous devons créer nos propres animationListener (à l'intérieur de notre activity classe):
```
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) {
    }

}
```
De sorte que le onClickEvent vais me faire virer de nouveau à la nouvelle place.
L'animation va maintenant aller encore plus vers le bas, de sorte que vous pouvez économiser de l' x et y dans une variable, de sorte que, dans la onAnimationEnd() vous le déplacez pas à un repère d'emplacement.
- Des travaux!! mais à la nouvelle position de l'ImageView, il ne répond pas à n'importe quel robinet événements, et aussi, si je clique à son emplacement précédent, une autre instance de la même imageview anime. Aucun moyen pour résoudre ce problème?
- Merci beaucoup!! mais re-positionnement dans onAnimationEnd() causes imageview à clignoter une fois. :-/
- Avant de définir le LayoutParms vous devez effacer l'animation (voir ci-dessus)
- Je pense que vous devriez utiliser LinearLayout.LayoutParams au lieu de seulement LayoutParams sinon setMargins() pas disponible.
- Juste pour ajouter des choses, vous n'avez pas besoin de définir la marge manuellement après la fin de l'animation, si vous définissez setFillAfter à true au lieu de false. de l'animation.setFillAfter(false);
InformationsquelleAutor D-32

aussi est mieux que d'utiliser ObjectAnimator . ce déplacement de la vue dans la nouvelle position.
par exemple :

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;
}

Aimé celui-ci le meilleur en fait.

InformationsquelleAutor ArMo 372

Dans le code ci-dessous j'ai ajouté une image à afficher dans le centre du cadre de mise en page dynamique. Après ajouter que je suis augmentation de la mise à l'échelle et set alpha pour donner l'effet de zoom et après l'animation, je suis juste de traduire mon affichage de l'image d'une position à une autre position.

Ajouter une image vue sur framelayout

    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);

Ajouter une animation sur l'affichage de l'image

       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();

c'est un moyen simple et une très belle solution. Il fonctionne..

InformationsquelleAutor duggu

Vous devez vous connecter pour publier un commentaire.