逐个动画显示RecyclerView中的项目

Question

逐个动画显示RecyclerView中的项目

javaandroidxamarinandroid-recyclerviewandroid-animation

4

我正在尝试在我的应用程序中对RecyclerView的项进行动画处理。我在适配器中尝试使用以下代码：

    public override void OnBindViewHolder(RecyclerView.ViewHolder holder, int position)
    {
        myHolder = holder as MyView;
        if (position > mCurrentPosition)
        {
            int currentAnim = Android.Resource.Animation.SlideInLeft;
            SetAnimation(holder.ItemView, currentAnim);
            mCurrentPosition = position;
        }

    }

    private void SetAnimation(View view, int currentAnim)
    {

        Animation anim = AnimationUtils.LoadAnimation(mContext, currentAnim);
        anim.SetInterpolator(mContext, Android.Resource.Interpolator.Bounce);
        view.StartAnimation(anim);
    }

然而，因为所有项目在创建视图时一起显示，而不是在用户点击按钮时添加，例如，所有项目都会一起动画。

我希望项目可以按照它们的位置顺序一个接一个地进行动画。
如何实现这一点？

- amitairos

5个回答

1

override fun onBindViewHolder(holder: ViewHolder, position: Int) {
    Handler().postDelayed({
        // animate here
    }, DURATION * position)
}

DURATION * position可以帮助逐个动画化recyclerview的项目。
当设置在50-75之间时，DURATION效果最佳。

- msLalith

1

你需要为动画添加延迟时间，并在每个项目绑定时增加延迟。

int delayAnimate = 300; //global variable

@Override
public void onBindViewHolder(final MyViewHolder holder, int position) {
    //set view to INVISIBLE before animate
    holder.viewAnimate.setVisibility(View.INVISIBLE);
    setAnimation(holder.ll_root);
}

private void setAnimation(final View view) {
    Handler handler = new Handler();
    handler.postDelayed(new Runnable() {
        public void run() {
            Animation animation = AnimationUtils.loadAnimation(mContext, android.R.anim.slide_in_left);
            if(view!=null){
                view.startAnimation(animation);
                view.setVisibility(View.VISIBLE);
            }
        }
    }, delayAnimate);
    delayAnimate+=300;
}

- ANKsite

0

这可能不是答案，但它可能有所帮助。我认为你应该在动画之间设置一个延迟。

new Handler().postDelayed(new Runnable()
{
   @Override
   public void run()
   {
     // your code that you want to delay here
   }
}, 1000/* 1000ms = 1sec delay */);

- user3126480

谢谢，但我正在使用Xamarin，所以这对我不起作用。 - amitairos

0

这行代码添加在onBindViewHolder中

      @Override
        protected void onBindViewHolder(@NonNull final MainActiviy.PostsViewHolder holder, final int position, @NonNull final Post model)
        {


            Animation animation = AnimationUtils.loadAnimation(holder.itemView.getContext(),android.R.anim.slide_in_left);
            holder.itemView.setAnimation(animation);
            
          

        }

- Dilan

1

您的答案如果添加了其他支持性信息会更好。请进行[编辑]以添加更多细节，例如引用或文档，以便他人可以确认您的答案是否正确。您可以在帮助中心找到有关编写良好答案的更多信息。 - Community

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- ductran · Accepted Answer

这个怎么样：

public override void OnBindViewHolder(RecyclerView.ViewHolder holder, int position)
{
    myHolder = holder as MyView;
    if (position > mCurrentPosition)
    {
        Handler h = new Handler();
        int currentAnim = Android.Resource.Animation.SlideInLeft;
        Action myAction = () => 
        {
            SetAnimation(holder.ItemView, currentAnim);
        };

        h.PostDelayed(myAction, 1000);


        mCurrentPosition = position;
    }

}

更新：如果你想按顺序动画化所有项，你应该将逻辑代码放在适配器外部。
例如，在活动中，在为RecyleView设置适配器后。

   List<YourObject> data; // your data list for RecycleView

   // CALL this code after set adapter for RecycleView
   Handler h = new Handler();
   int currentAnim = Android.Resource.Animation.SlideInLeft;
   Action myAction = () => 
   {     
      // assume you use LinearLayoutManager  for RecyecleView
        View itemView = linearLayoutManager.findViewByPosition(0);
        StartAnimation(itemView, 0);
   };

   h.PostDelayed(myAction, 1000);


   private void StartAnimation(View view, int position)
    {

        Animation anim = AnimationUtils.LoadAnimation(mContext, currentAnim);
        anim.SetInterpolator(mContext, Android.Resource.Interpolator.Bounce);
        view.StartAnimation(anim);
        anim.AnimationEnd += (sender, e) =>
        {
            // animate next item

            ++position;
            if (position < data.size()) // data is your array list
            {

                // assume you use LinearLayoutManager  for RecyecleView
                View itemView = linearLayoutManager.findViewByPosition(position);
                if (itemView != null)
                {
                    StartAnimation(itemView, position);
                }
            }
        }
    }