Jak animować elementy RecyclerView po zainicjowaniu adaptera (w kolejności)?

Question

Co próbuję wykonać

chcę, aby elementy liniowo RecyclerView pionowej wyświetlane w kolejności. Chcę, aby pierwszy element pojawił się, następnie drugi, trzeci i tak dalej. Oto przykład typu animacji, którą próbuję wykonać.

---

Co Próbowałem

Próbowałem metod przewidzianych w tej kwestii: How to animate RecyclerView items when they appear

Jest to jednak nie do końca to, co usiłuję ukończyć. Powoduje to, że wszystkie elementy w RecyclerView pojawiają się jednocześnie, a nie pojedynczo.

---

Mój kod

public class ParentCommentsAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> { 

    private int lastPosition = -1; 

    //constructor and other code not shown... 

    @Override 
    public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) { 
     switch (viewHolder.getItemViewType()) { 
      case OP: 
       OPViewHolder ovh = (OPViewHolder) viewHolder; 
       configureOPViewHolder(ovh, position); 
       setAnimation(ovh.getContainer(), position); 
       break; 
      case COMMENT: 
       CommentViewHolder cvh = (CommentViewHolder) viewHolder; 
       configureCommentViewHolder(cvh, position); 
       setAnimation(cvh.getContainer(), position); 
       break; 
      default: 
       RecyclerViewSimpleTextViewHolder vh = (RecyclerViewSimpleTextViewHolder) viewHolder; 
       configureDefaultViewHolder(vh, position); 
       break; 
     } 

    } 

    @Override 
    public void onViewDetachedFromWindow(final RecyclerView.ViewHolder viewHolder) 
    { 

     switch (viewHolder.getItemViewType()) { 
      case OP: 
       ((OPViewHolder)viewHolder).clearAnimation(); 
       break; 
      case COMMENT: 
       ((CommentViewHolder)viewHolder).clearAnimation(); 
       break; 
      default: 
       break; 
     } 
    } 

    private void configureDefaultViewHolder(RecyclerViewSimpleTextViewHolder vh, int position) { 
     //code... 
    } 

    private void configureOPViewHolder(OPViewHolder vh1, int position) { 
     //code... 
    } 

    private void configureCommentViewHolder(CommentViewHolder vh2, int position) { 
     //code... 
    } 

    private void setAnimation(View viewToAnimate, int position) 
    { 
     // If the bound view wasn't previously displayed on screen, it's animated 
     if (position > lastPosition) 
     { 
      Animation animation = AnimationUtils.loadAnimation(context, R.anim.fade_in); 
      viewToAnimate.startAnimation(animation); 
      lastPosition = position; 
     } 
    } 

} 

Answer 1

Po wywołaniu setAdapter można uruchomić następujące:

recyclerView.getViewTreeObserver().addOnPreDrawListener(
     new ViewTreeObserver.OnPreDrawListener() { 

      @Override 
      public boolean onPreDraw() { 
       recyclerView.getViewTreeObserver().removeOnPreDrawListener(this); 

       for (int i = 0; i < recyclerView.getChildCount(); i++) { 
        View v = recyclerView.getChildAt(i); 
        v.setAlpha(0.0f); 
        v.animate().alpha(1.0f) 
          .setDuration(300) 
          .setStartDelay(i * 50) 
          .start(); 
       } 

       return true; 
      } 
     }); 

Przykład pokazuje prostą animację alfa, ale można uruchomić, co chcesz w pętli i dostosuj interpolator, czas trwania i opóźnienie startu.

Answer 2

Postanowiłem zastosować inne podejście niż sugerował wcześniej Niko. Jego metoda działa świetnie i jest bardzo łatwa, ale powodowała pewne błędne animacje podczas dodawania i usuwania elementów (as can be seen here).

Postanowiłem więc wypróbować inne podejście i użyć kontrolera animacji układu. Oto kod, którego użyłem do osiągnięcia tego samego wyniku.

public void initialRVAnimation() { 

    AnimationSet set = new AnimationSet(true); 

    // Fade in animation 
    Animation fadeIn = new AlphaAnimation(0.0f, 1.0f); 
    fadeIn.setDuration(400); 
    fadeIn.setFillAfter(true); 
    set.addAnimation(fadeIn); 

    // Slide up animation from bottom of screen 
    Animation slideUp = new TranslateAnimation(0, 0, Utils.getScreenHeight(this), 0); 
    slideUp.setInterpolator(new DecelerateInterpolator(4.f)); 
    slideUp.setDuration(400); 
    set.addAnimation(slideUp); 

    // Set up the animation controller    (second parameter is the delay) 
    LayoutAnimationController controller = new LayoutAnimationController(set, 0.2f); 
    rv.setLayoutAnimation(controller); 

    // Set the adapter 
    adapter = new ItemAdapter(data, this); 
    recyclerView.setAdapter(adapter); 
}