RecyclerView - populateアニメーション - >すべての要素を1つの原点からターゲット位置に移動する

Question

QuickPicのアニメーションと同様のアニメーションを実現したい。 RecyclerViewのコンテンツを表示すると、すべてのアイテムが1つの原点（すべてのアイテムで同じ）から開始してターゲット位置にアニメーションされます。

どのように私がこのような人口アニメーションを作成できるか知っていますか？

Answer 1

原点の座標を(x, y)とします。その後、我々は、このコードで自分の目標位置に、この時点からすべてのビューをアニメーション化することができます

recycler.addOnLayoutChangeListener(new View.OnLayoutChangeListener() { 
    @Override 
    public void onLayoutChange(final View view, 
     final int left, final int top, final int right, final int bottom, 
     final int oldLeft, final int oldTop, final int oldRight, final int oldBottom) { 
    recycler.removeOnLayoutChangeListener(this); 
    for (int i = 0, count = recycler.getChildCount(); i < count; ++i) { 
     final View child = recycler.getChildAt(i); 
     child.setTranslationX(x - child.getLeft()); 
     child.setTranslationY(y - child.getTop()); 
     child.animate() 
      .translationX(0f) 
      .translationY(0f) 
      .setStartDelay(5 * i * i) 
      .setDuration(DURATION) 
      .withLayer() 
      .start(); 
    } 
    } 
}); 

ここでは、原点でRecyclerViewのすべての子を配置し、その目標位置にそれらをアニメーション化。子どもが作成され、その位置が計算されるように、RecyclerViewレイアウトの後にすべてのアニメーションを開始します。

5 * i * iに設定されたアニメーション遅延は、遅延の計算方法の一例に過ぎません。この式を必要なものに変更するか、必要がない場合は遅延を削除することができます。