blocks|key|54829|text|一个很好的起点是：https://github.com/wasabeef/recyclerview-animators/blob/master/animators/src/main/java/jp/wasabeef/recyclerview/adapters/AnimationAdapter.java|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|54830|你甚至不需要完整的库，这个类就足够了。然后如果你只是实现你的Adapter类，给出一个像这样的动画器：|54831|@Override
protected+Animator[]+getAnimators(View+view)+{
++++return+new+Animator[]{
++++++++++++ObjectAnimator.ofFloat(view,+"translationY",+view.getMeasuredHeight(),+0)
++++};
}

@Override
public+long+getItemId(final+int+position)+{
++++return+getWrappedAdapter().getItemId(position);
}|code-block|syntax|javascript|54832|您将看到滚动时从底部出现的项目，这也避免了快速滚动的问题。|54833|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/wasabeef/recyclerview-animators/blob/master/animators/src/main/java/jp/wasabeef/recyclerview/adapters/AnimationAdapter.java^0|9|3Y|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@]|9|@$A|V|B|W|1|X]]|C|$]]|$1|D|3|E|5|6|7|Y|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|Z|8|@]|9|@]|C|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|9|@]|C|$]]|$1|M|3|-4|5|6|7|11|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]]]

A good place to start is this:
<a href="https://github.com/wasabeef/recyclerview-animators/blob/master/animators/src/main/java/jp/wasabeef/recyclerview/adapters/AnimationAdapter.java" rel="noreferrer">https://github.com/wasabeef/recyclerview-animators/blob/master/animators/src/main/java/jp/wasabeef/recyclerview/adapters/AnimationAdapter.java</a>

You don't even need the full library, that class is enough.
Then if you just implement your Adapter class giving an animator like this:

<pre><code>@Override
protected Animator[] getAnimators(View view) {
 return new Animator[]{
 ObjectAnimator.ofFloat(view, "translationY", view.getMeasuredHeight(), 0)
 };
}

@Override
public long getItemId(final int position) {
 return getWrappedAdapter().getItemId(position);
}
</code></pre>

you'll see items appearing from the bottom as they scroll, also avoiding the problem with the fast scroll.

blocks|key|54895|text|当Recyclerview项目第一次出现时，我对它们进行了动画淡入，如下面的代码所示。也许这会对某些人有用。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|54896|private+final+static+int+FADE_DURATION+=+1000;+//FADE_DURATION+in+milliseconds

@Override
public+void+onBindViewHolder(ViewHolder+holder,+int+position)+{

++++holder.getTextView().setText("some+text");

++++//+Set+the+view+to+fade+in
++++setFadeAnimation(holder.itemView);++++++++++++
}

private+void+setFadeAnimation(View+view)+{
++++AlphaAnimation+anim+=+new+AlphaAnimation(0.0f,+1.0f);
++++anim.setDuration(FADE_DURATION);
++++view.startAnimation(anim);
}|code-block|syntax|javascript|54897|还可以使用以下setScaleAnimation()替换setFadeAnimation()，以通过从一点缩放项目来设置项目外观的动画：|54898|private+void+setScaleAnimation(View+view)+{
++++ScaleAnimation+anim+=+new+ScaleAnimation(0.0f,+1.0f,+0.0f,+1.0f,+Animation.RELATIVE_TO_SELF,+0.5f,+Animation.RELATIVE_TO_SELF,+0.5f);
++++anim.setDuration(FADE_DURATION);
++++view.startAnimation(anim);
}|54899|上面的代码有一些缺点，当您滚动RecyclerView项目时，总是会淡入淡出或缩放。如果您希望，您可以添加代码，以便在首次创建包含RecyclerView的片段或活动时仅允许动画发生(例如，获取创建时的系统时间，并仅允许动画在第一个FADE_DURATION毫秒内发生)。|54900|entityMap^0|1|C|0|0|7|J|S|I|0|0|F|C|1T|C|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|12|8|@$9|13|A|14|B|C]|$9|15|A|16|B|C]]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|R|$]]

I animated fading in of <code>Recyclerview</code> items when they first appear as shown in the code below. Perhaps this will be of use to someone.

<pre><code>private final static int FADE_DURATION = 1000; //FADE_DURATION in milliseconds

@Override
public void onBindViewHolder(ViewHolder holder, int position) {

 holder.getTextView().setText("some text");

 // Set the view to fade in
 setFadeAnimation(holder.itemView); 
}

private void setFadeAnimation(View view) {
 AlphaAnimation anim = new AlphaAnimation(0.0f, 1.0f);
 anim.setDuration(FADE_DURATION);
 view.startAnimation(anim);
}
</code></pre>

You can also replace <code>setFadeAnimation()</code> with the following <code>setScaleAnimation()</code> to animate appearance of items by scaling them from a point:

<pre><code>private void setScaleAnimation(View view) {
 ScaleAnimation anim = new ScaleAnimation(0.0f, 1.0f, 0.0f, 1.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
 anim.setDuration(FADE_DURATION);
 view.startAnimation(anim);
}
</code></pre>

The code above has some warts in so far as when you scroll the <code>RecyclerView</code> items always fade or scale. If you wish you can add code to just allow the animation to happen when the fragment or activity containing the <code>RecyclerView</code> is first created (e.g. get the system time on creation and only allow animation for the first FADE_DURATION milliseconds).

blocks|key|4561468|text|我用小modification从pbm's+answer创建动画，使信息只运行一次|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4561469|换句话说，Animation+appear+with+you+scroll+down+only|4561470|private+int+lastPosition+=+-1;

private+void+setAnimation(View+viewToAnimate,+int+position)+{
++++//+If+the+bound+view+wasn't+previously+displayed+on+screen,+it's+animated
++++if+(position+>+lastPosition)+{
++++++++ScaleAnimation+anim+=+new+ScaleAnimation(0.0f,+1.0f,+0.0f,+1.0f,+Animation.RELATIVE_TO_SELF,+0.5f,+Animation.RELATIVE_TO_SELF,+0.5f);
++++++++anim.setDuration(new+Random().nextInt(501));//to+make+duration+random+number+between+[0,501)
++++++++viewToAnimate.startAnimation(anim);
++++++++lastPosition+=+position;
++++}
}|code-block|syntax|javascript|4561471|在onBindViewHolder中调用函数|4561472|@Override
public+void+onBindViewHolder(ViewHolder+holder,+int+position)+{

holder.getTextView().setText("some+text");

//+call+Animation+function
setAnimation(holder.itemView,+position);++++++++++++
}|4561473|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/35031577/4251431^0|3|C|G|C|0|0|5|16|0|0|1|G|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@$9|Z|A|10|B|C]]|D|@$9|11|A|12|1|13]]|E|$]]|$1|F|3|G|5|6|7|14|8|@$9|15|A|16|B|C]]|D|@]|E|$]]|$1|H|3|I|5|J|7|17|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|18|8|@$9|19|A|1A|B|C]]|D|@]|E|$]]|$1|O|3|P|5|J|7|1B|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|1C|8|@]|D|@]|E|$]]]|R|$S|$5|T|U|V|E|$W|X]]]]

I created animation from <a href="https://stackoverflow.com/a/35031577/4251431">pbm's answer</a> with little <code>modification</code> to make the aninmation run only once 

in the other word the <code>Animation appear with you scroll down only</code> 

<pre><code>private int lastPosition = -1;

private void setAnimation(View viewToAnimate, int position) {
 // If the bound view wasn't previously displayed on screen, it's animated
 if (position &gt; lastPosition) {
 ScaleAnimation anim = new ScaleAnimation(0.0f, 1.0f, 0.0f, 1.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
 anim.setDuration(new Random().nextInt(501));//to make duration random number between [0,501)
 viewToAnimate.startAnimation(anim);
 lastPosition = position;
 }
}
</code></pre>

and in <code>onBindViewHolder</code> call the function 

<pre><code>@Override
public void onBindViewHolder(ViewHolder holder, int position) {

holder.getTextView().setText("some text");

// call Animation function
setAnimation(holder.itemView, position); 
}
</code></pre>

blocks|key|54935|text|只需像下面这样扩展您的适配器|type|unstyled|depth|inlineStyleRanges|entityRanges|data|54936|public+class+RankingAdapter+extends+AnimatedRecyclerView<RankingAdapter.ViewHolder>+|code-block|syntax|javascript|54937|并将超方法添加到onBindViewHolder中|54938|@Override
++++public+void+onBindViewHolder(ViewHolder+holder,+final+int+position)+{
++++++++super.onBindViewHolder(holder,+position);|54939|这是一种自动创建动画适配器方式，如"Basheer+AL-MOMANI“|54940|import+android.support.v7.widget.RecyclerView;
import+android.view.View;
import+android.view.ViewGroup;
import+android.view.animation.Animation;
import+android.view.animation.ScaleAnimation;

import+java.util.Random;

/**
+*+Created+by+eliaszkubala+on+24.02.2017.
+*/
public+class+AnimatedRecyclerView<T+extends+RecyclerView.ViewHolder>+extends+RecyclerView.Adapter<T>+{


++++@Override
++++public+T+onCreateViewHolder(ViewGroup+parent,+int+viewType)+{
++++++++return+null;
++++}

++++@Override
++++public+void+onBindViewHolder(T+holder,+int+position)+{
++++++++setAnimation(holder.itemView,+position);
++++}

++++@Override
++++public+int+getItemCount()+{
++++++++return+0;
++++}

++++protected+int+mLastPosition+=+-1;

++++protected+void+setAnimation(View+viewToAnimate,+int+position)+{
++++++++if+(position+>+mLastPosition)+{
++++++++++++ScaleAnimation+anim+=+new+ScaleAnimation(0.0f,+1.0f,+0.0f,+1.0f,+Animation.RELATIVE_TO_SELF,+0.5f,+Animation.RELATIVE_TO_SELF,+0.5f);
++++++++++++anim.setDuration(new+Random().nextInt(501));//to+make+duration+random+number+between+[0,501)
++++++++++++viewToAnimate.startAnimation(anim);
++++++++++++mLastPosition+=+position;
++++++++}
++++}

}|54941|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|V|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

Just extends your Adapter like below 

<pre><code>public class RankingAdapter extends AnimatedRecyclerView&lt;RankingAdapter.ViewHolder&gt; 
</code></pre>

And add super method to onBindViewHolder

<pre><code>@Override
 public void onBindViewHolder(ViewHolder holder, final int position) {
 super.onBindViewHolder(holder, position);
</code></pre>

It's automate way to create animated adapter like "Basheer AL-MOMANI"

<pre><code>import android.support.v7.widget.RecyclerView;
import android.view.View;
import android.view.ViewGroup;
import android.view.animation.Animation;
import android.view.animation.ScaleAnimation;

import java.util.Random;

/**
 * Created by eliaszkubala on 24.02.2017.
 */
public class AnimatedRecyclerView&lt;T extends RecyclerView.ViewHolder&gt; extends RecyclerView.Adapter&lt;T&gt; {


 @Override
 public T onCreateViewHolder(ViewGroup parent, int viewType) {
 return null;
 }

 @Override
 public void onBindViewHolder(T holder, int position) {
 setAnimation(holder.itemView, position);
 }

 @Override
 public int getItemCount() {
 return 0;
 }

 protected int mLastPosition = -1;

 protected void setAnimation(View viewToAnimate, int position) {
 if (position &gt; mLastPosition) {
 ScaleAnimation anim = new ScaleAnimation(0.0f, 1.0f, 0.0f, 1.0f, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
 anim.setDuration(new Random().nextInt(501));//to make duration random number between [0,501)
 viewToAnimate.startAnimation(anim);
 mLastPosition = position;
 }
 }

}
</code></pre>

blocks|key|4561507|text|您可以向RecyclerView添加android:layoutAnimation="@anim/rv_item_animation"属性，如下所示：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|4561508|<android.support.v7.widget.RecyclerView
++++android:layout_width="match_parent"
++++android:layout_height="match_parent"++++++++++++++++++++++++++++++++++++++++
++++android:layoutAnimation="@anim/layout_animation_fall_down"
++++/>|code-block|syntax|javascript|4561509|感谢这里的优秀文章：https://proandroiddev.com/enter-animation-using-recyclerview-and-layoutanimation-part-1-list-75a874a5d213|4561510|entityMap|0|LINK|mutability|MUTABLE|url|https://proandroiddev.com/enter-animation-using-recyclerview-and-layoutanimation-part-1-list-75a874a5d213^0|4|C|I|1D|0|0|A|2X|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@$9|11|A|12|1|13]]|E|$]]|$1|M|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

You can add a <code>android:layoutAnimation="@anim/rv_item_animation"</code> attribute to <code>RecyclerView</code> like this:

<pre><code>&lt;android.support.v7.widget.RecyclerView
 android:layout_width="match_parent"
 android:layout_height="match_parent" 
 android:layoutAnimation="@anim/layout_animation_fall_down"
 /&gt;
</code></pre>

thanks for the excellent article here:
<a href="https://proandroiddev.com/enter-animation-using-recyclerview-and-layoutanimation-part-1-list-75a874a5d213" rel="noreferrer">https://proandroiddev.com/enter-animation-using-recyclerview-and-layoutanimation-part-1-list-75a874a5d213</a>

blocks|key|54961|text|在2019年，我会建议把所有的项目动画放到ItemAnimator中。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|54962|让我们从在回收器视图中声明动画师开始：|54963|with(view.recycler_view)+{
adapter+=+Adapter()
itemAnimator+=+CustomAnimator()
}|code-block|syntax|javascript|54964|然后声明自定义动画器，|54965|class+CustomAnimator()+:+DefaultItemAnimator()+{

+++++override+fun+animateAppearance(
+++++++holder:+RecyclerView.ViewHolder,
+++++++preInfo:+ItemHolderInfo?,
+++++++postInfo:+ItemHolderInfo):+Boolean{}+//+declare++what+happens+when+a+item+appears+on+the+recycler+view

+++++override+fun+animatePersistence(
+++++++holder:+RecyclerView.ViewHolder,
+++++++preInfo:+ItemHolderInfo,
+++++++postInfo:+ItemHolderInfo):+Boolean+{}+//+declare+animation+for+items+that+persist+in+a+recycler+view+even+when+the+items+change

}|54966|与上面的类似，有一个用于消失animateDisappearance，用于add+animateAdd，用于change+animateChange和move+animateMove。|offset|length|style|CODE|54967|重要的一点是在它们内部调用正确的动画调度程序。|54968|entityMap^0|0|0|0|0|0|E|K|15|A|1P|D|28|B|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|11|8|@$O|12|P|13|Q|R]|$O|14|P|15|Q|R]|$O|16|P|17|Q|R]|$O|18|P|19|Q|R]]|9|@]|A|$]]|$1|S|3|T|5|6|7|1A|8|@]|9|@]|A|$]]|$1|U|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|V|$]]

In 2019,
I would suggest putting all the item animations into the ItemAnimator.

Let's start with declaring the animator in the recycler-view:

<pre><code>with(view.recycler_view) {
adapter = Adapter()
itemAnimator = CustomAnimator()
}
</code></pre>

Declare the custom animator then,

<pre><code>class CustomAnimator() : DefaultItemAnimator() {

 override fun animateAppearance(
 holder: RecyclerView.ViewHolder,
 preInfo: ItemHolderInfo?,
 postInfo: ItemHolderInfo): Boolean{} // declare what happens when a item appears on the recycler view

 override fun animatePersistence(
 holder: RecyclerView.ViewHolder,
 preInfo: ItemHolderInfo,
 postInfo: ItemHolderInfo): Boolean {} // declare animation for items that persist in a recycler view even when the items change

}
</code></pre>

Similar to the ones above there is one for disappearance <code>animateDisappearance</code>, for add <code>animateAdd</code>, for change <code>animateChange</code> and move <code>animateMove</code>. 

One important point would be to call the correct animation-dispatchers inside them.

How can I animate the RecyclerView Items when there are appearing?

The default item animator only animates when a data is added or removed after the recycler data has been set. I'm new developing applications and don't have any clue where to start.

Any ideas how to achieve this?

How to animate RecyclerView items when they appear

当RecyclerView项目出现时，我如何使其具有动画效果？只有在设置回收器数据后添加或删除数据时，默认项目动画器才会生成动画。我是新开发的应用程序，不知道从哪里开始。有什么办法可以做到这一点吗？

问如何在RecyclerView项出现时对其进行动画处理
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在RecyclerView项出现时对其进行动画处理EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在RecyclerView项出现时对其进行动画处理
EN