How to run two different animations on recyclerView consecutively?

Question

I have a horizontal recyclerView, I want to animate it (by sliding right and then left) when the activity is first opened.

So I do this in onCreate:

final Animation slideRight = AnimationUtils.loadAnimation(this, R.anim.slide_right);
        slideRight.setDuration(200);

        final Animation slideLeft = AnimationUtils.loadAnimation(this, R.anim.slide_left);
        slideLeft.setDuration(200);

        RecyclerView recyclerView = findViewById(R.id.recycler_view);
        recyclerView.startAnimation(slideRight);
        recyclerView.startAnimation(slideLeft);

but seems like only the right slide works

here are my anims:

left slide

<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:shareInterpolator="false" >

    <translate
        android:duration="200"
        android:fromXDelta="-100%"
        android:fromYDelta="0%"
        android:toXDelta="0%"
        android:toYDelta="0%" />

</set>

right slide

<translate
    android:duration="200"
    android:fromXDelta="100%"
    android:fromYDelta="0%"
    android:toXDelta="0%"
    android:toYDelta="0%" />

what am I doing wrong?

EDIT: how is this related to proposed duplicate?

i have updated the answer.. try it and let me know.. @EgeKuzubasioglu — Santanu Sur, Feb 16 '18 at 14:14
Possible duplicate of [Hiding views in RecyclerView](https://stackoverflow.com/questions/27574805/hiding-views-in-recyclerview) — Gowthaman M, Feb 16 '18 at 14:15
https://stackoverflow.com/questions/48745980/horizontal-recyclerview-with-nice-animation-android — Gowthaman M, Feb 16 '18 at 14:15

Santanu Sur · Answer 1 · 2018-02-16T14:27:18.683

0

In this case slideLeft animation will work.. because before the slideRight is working the slideleft is getting started.. so do like this...

    slideRight.setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {

        }

        @Override
        public void onAnimationEnd(Animation animation) {

            recyclerView.startAnimation(slideLeft);

        }

        @Override
        public void onAnimationRepeat(Animation animation) {

        }
    });
}

At the end of animation right start the animation left

Edit Or you can start only one anim by adding repeatMode = reverse and repeatCount = 1` in your anim..

android:repeatMode="reverse" android:repeatCount="1"

edited Feb 16 '18 at 14:27

answered Feb 16 '18 at 14:13

Santanu Sur

10,997
7
33
52

animations are not starting now – Ege Kuzubasioglu Feb 16 '18 at 14:18
first start the right animation.. you have to add `view.startAnimation(slideRight)` did u add that ?? – Santanu Sur Feb 16 '18 at 14:21
ok you can add the two animation together then by using `repearMode = reverse` and `repeatCount = 1` and start a singlr anim.. – Santanu Sur Feb 16 '18 at 14:25

score 0 · Accepted Answer · answered Feb 16 '18 at 14:25

try this one

Animation slideRight = AnimationUtils.loadAnimation(this, R.anim.slide_right);
Animation slideLeft = AnimationUtils.loadAnimation(this, R.anim.slide_left);
slideRight.setDuration(200);
slideLeft.setDuration(200);
slideRight .setAnimationListener(new Animation.AnimationListener() {
        @Override
        public void onAnimationStart(Animation animation) {

        }

        @Override
        public void onAnimationEnd(Animation animation) {
               recyclerView.startAnimation(slideLeft);
        }

        @Override
        public void onAnimationRepeat(Animation animation) {

        }
    });
  recyclerView.startAnimation(slideRight);

200 millis is too short setting it 1000 and works like a charm — Ege Kuzubasioglu, Feb 16 '18 at 14:28
yes you can change the numbers ofcourse , i used the numbers you used in the question :) Happy coding — Abdul Kawee, Feb 16 '18 at 14:29

How to run two different animations on recyclerView consecutively?

2 Answers2