Comment animer recyclerview sur faites défiler jusqu'à l'instar de Google plus/Google kiosque à journaux?

Comment animer la RecyclerView lorsque les éléments apparaissent pour la première fois et également lorsque l'utilisateur fait défiler, tout comme la façon dont il travaille pour les plus google app ou le google kiosque app.

Aussi j'ai lu quelque part que RecyclerView ne prend pas directement en charge de l'animation lorsque l'utilisateur fait défiler; si cela est vrai, est-il possible que nous pouvons encore le faire?

InformationsquelleAutor T_C | 2015-01-27

75

J'ai fait de cette façon. Pourrait aider quelqu'un. Je ne sais pas si c'est la meilleure façon de le faire, mais fonctionne très bien pour moi.

Mise à JOUR:
Pour résoudre le défilement rapide du comportement, de remplacer onViewDetachedFromWindow méthode de l'adaptateur et de l'appel clearAnimation sur la vue animée (dans ce cas, holder.itemView.clearAnimation() ).Comme ceci:
```
@Override
public void onViewDetachedFromWindow(ViewHolder holder) {
    super.onViewDetachedFromWindow(holder);
    holder.itemView.clearAnimation();
}
```
up_from_bottom.xml
```
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
 android:shareInterpolator="@android:anim/decelerate_interpolator">
<translate
    android:fromXDelta="0%" android:toXDelta="0%"
    android:fromYDelta="100%" android:toYDelta="0%"
    android:duration="400" />
</set>
```
down_from_top.xml
```
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
 android:shareInterpolator="@android:anim/decelerate_interpolator">
<translate
    android:fromXDelta="0%" android:toXDelta="0%"
    android:fromYDelta="-100%" android:toYDelta="0%"
    android:duration="400" />
</set>
```
Et enfin, mettez ce code dans onBindViewHolder de recyclerView. Créer un champ appelé lastPosition et l'initialiser à -1.
```
Animation animation = AnimationUtils.loadAnimation(context,
            (position > lastPosition) ? R.anim.up_from_bottom
                    : R.anim.down_from_top);
    holder.itemView.startAnimation(animation);
    lastPosition = position;
```
- Est-il possible de gérer défilement rapide il se foiré
- Désolé aucune idée à ce sujet.
- Pour résoudre le défilement rapide du comportement, de mettre en œuvre onViewDetachedFromWindow sur la carte et de l'appel clearAnimation sur la vue animée (dans votre cas, holder.itemView).
- Il fonctionne ..Mais pas bien quand on l'utilise avec lazy loading.. Est-il une autre alternative?
- C'est du travail! J'ai fait face à un petit problème avec l'infini défilement. La résolution en n'exécutant pas de l'animation dans la première position.
- Lorsque fragment de charges, tous les éléments de la RecyclerView apparaissent à la fois, plutôt qu'un seul à la fois (sauf en cas de défilement) Comment puis-je faire de tous mes articles dans la RecyclerView apparaissent un par un?
- Pouvez-vous s'il vous plaît poster le code Complet extrait. Je n'ai aucune idée de l'endroit où l'un de vos revendeurs à valeur ajoutée sont de.
- Qui vars parlez-vous? up_from_bottom.xml et down_from_top.xml sont XML, fichiers d'animation créé en anim dossier si je ne me trompe pas. Je n'ai pas le code d'origine que je n'ai pas fait android dev en très peu de temps.
- Pour moi, tous les éléments apparaissent dans le même temps, avec l'animation, mais ça ne fonctionne pas quand je suis défilement
- Très joli code, est-il possible de faire la même chose avec GridView?
- Merci.. n désolé.. je suis un dev iOS maintenant 😛 n'ai pas fait d'android dev au cours des années..
- ne vous inquiétez pas, en fait j'ai utilisé Recycleur de Vue au lieu de GridView, j'ai donc été en mesure d'utiliser votre code de nouveau.
- Super! Autant que je sache RecyclerView est le moyen d'atteindre une grille de mise en page.. GridView et ListView ont été utilisés depuis longtemps. Et puis RecyclerView a été amené à remplacer à la fois..
- wow c'est sympa, j'ai postulé pour RecyclerView de travail ultime
InformationsquelleAutor Vineet Ashtekar
5

Utilisation personnalisée ItemAnimator avec "glisser" de l'animation pour Ajouter une action.
Ce https://github.com/wasabeef/recyclerview-animators
- Je juste ne veux pas Ajouter, je veux de l'animation pour la première fois (glisser à partir du bas) et aussi lorsque l'utilisateur fait défiler
- Vous pouvez l'utiliser de 2 façons .... pour ajouter ou de défilement.
- comment utiliser le défilement?
- La réponse posté par @Vineet est satisfaisante. Je n'aimais pas cette bibliothèque.
InformationsquelleAutor SergeyA

Pour down_from_top.xml il devrait être

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
 android:shareInterpolator="@android:anim/decelerate_interpolator">
<translate
    android:fromXDelta="0%" android:toXDelta="0%"
    android:fromYDelta="-100%" android:toYDelta="0%"
    android:duration="400" />
</set>

InformationsquelleAutor Arade

https://github.com/wasabeef/recyclerview-animators

Dans mon code ressemble à ça:

import jp.wasabeef.recyclerview.animators.adapters.AlphaInAnimationAdapter;

....

public function populate() {
   //Get your recicleview
   rv = (RecyclerView)findViewById(R.id.rv);
   rv.setHasFixedSize(true);

   //Populate your cursor with your own method...
   Cursor myRecycleItems= null;
   myRecycleItems= mDbHelper.getItems();

   //create your 
   itemsAdapter= new ItemsAdapter(myRecycleItems, getApplicationContext());


   //Finnaly apply your adapter to RV with AlphaInAnimationAdapter:
   rv.setAdapter(new AlphaInAnimationAdapter(itemsAdapter));

}

Vous avez besoin d'ajouter des dépendances à votre gradle

dependencies {
  //jCenter
  ...... 
  your curent dependencies 
  ....
  compile 'jp.wasabeef:recyclerview-animators:2.0.0'
}

Lire le doc formulaire https://github.com/wasabeef/recyclerview-animators pour l'installer.

Il n'a pas fonctionné pour moi RecyclerView recyclerView = (RecyclerView) rootView.findViewById(R. id.scrollableview); recyclerView.setHasFixedSize(true); recyclerView.setLayoutManager(nouveau LinearLayoutManager(getActivity())); recyclerView.setAdapter(new SlideInBottomAnimationAdapter(nouveau ComplexRecyclerViewAdapter(articles)));
ne fonctionne pas lorsque le défilement.. pourquoi?

InformationsquelleAutor catalin87

0

En dehors de toute bibliothèques dans RecycleView.Adaptateur sur la méthode onBindViewHolder utiliser l'animation comme dans l'exemple:
```
       if (position>lastAnimatedPosition) {


        //set init transitionY to animate from it
        holder.itemView.setTranslationY(holder.itemView.getHeight());

        //animate to orginal position
        holder.itemView.animate().translationYBy(-  holder.itemView.getHeight()).start();


        lastAnimatedPosition=position;
    }
```
Code ci-dessus s'anime à partir du bas de chaque ligne dans la liste. L'Animation sera réalisée qu'une seule fois, mais onBindViewHolder est en cours d'exécution sur le défilement donc d'abord le défilement de la liste sera avec un effet d'animation.

Très important, c'est d'initialiser la vue de début de l'animation, donc dans l'exemple j'ai mis:
```
  holder.itemView.setTranslationY( + Y change);
```
et l'animation d'aller avec le dos de tournage position:
```
 holder.itemView.animate().translationYBy(- Y change).start();
```
Si vous avez besoin d'alpha le faire de cette façon:
```
 holder.itemView.setAlpha(0);
 holder.itemView.animate().apha(1).start();
```
InformationsquelleAutor Maciej Sikora

Vous devez vous connecter pour publier un commentaire.