How do I animate (slide in) a RecyclerView's item's entrance?

Question

Basically I want something like this (at the 30 second mark)

I want my items to slide in sequentially once the activity starts.

I tried Googling. I found nothing that I can understand. I'm still getting my way around this crazy world of developing apps for Android.

Thanks.

@AmarbirSingh I edited his post but he hasn't approved that yet. Anyway here is the link https://www.youtube.com/watch?v=Q8TXgCzxEnw#t=30 he was talking about. — My OCD., Oct 16 '15 at 11:50
You can use this library https://github.com/wasabeef/recyclerview-animators and add your items with a short delay, for example with a Handler. — yennsarah, Oct 16 '15 at 11:52

score 18 · Answer 1 · answered Oct 16 '15 at 11:55

Add animation on recyclerView like this

recyclerView = (RecyclerView) findViewById(R.id.rv);
        recyclerView.setHasFixedSize(true);
        llm = new LinearLayoutManager(getApplicationContext());
        recyclerView.setLayoutManager(llm);

        AnimationSet set = new AnimationSet(true);

        Animation animation = new AlphaAnimation(0.0f, 1.0f);
        animation.setDuration(500);
        set.addAnimation(animation);

        animation = new TranslateAnimation(
                Animation.RELATIVE_TO_SELF, 0.0f, Animation.RELATIVE_TO_SELF, 0.0f,
                Animation.RELATIVE_TO_SELF, -1.0f, Animation.RELATIVE_TO_SELF, 0.0f
        );
        animation.setDuration(100);
        set.addAnimation(animation);

        controller = new LayoutAnimationController(set, 0.5f);

        adapter = new RecycleViewAdapter(poetNameSetGets, this);
        recyclerView.setLayoutAnimation(controller);

Do you know how can I use that animation when I clear all the data from the recyclerview? — Alex Fragotsis, Jan 24 '18 at 08:59

score 6 · Answer 2 · answered Oct 16 '15 at 11:53

6

You need to run animation inside the RecyclerView's Adapter onBindViewHolder method.

@Override
public void onBindViewHolder(RecyclerView.ViewHolder viewHolder, int position) {
    runEnterAnimation(viewHolder.itemView);
}

private void runEnterAnimation(View view) {
        view.setTranslationY(Utils.getScreenHeight(context));
        view.animate()
                .translationY(0)
                .setInterpolator(new DecelerateInterpolator(3.f))
                .setDuration(700)
                .start();
    }
}

More info here http://frogermcs.github.io/Instagram-with-Material-Design-concept-is-getting-real/ (look at the FeedAdapter)

answered Oct 16 '15 at 11:53

HellCat2405

752
7
16

You need to provide setTranslationY with screen height. Check here to get height http://stackoverflow.com/questions/1016896/get-screen-dimensions-in-pixels – HellCat2405 Oct 16 '15 at 12:16
Works great. One more thing though. How do I animate them sequentially? – zepolyerf Oct 16 '15 at 13:45
Don't they animate sequentially now? Because they should. – HellCat2405 Oct 16 '15 at 14:09
They're not. All items slide in at the same time. – zepolyerf Oct 16 '15 at 14:10
Can't give you the detailed answer in the comments. Post another question. – HellCat2405 Oct 16 '15 at 14:19

How do I animate (slide in) a RecyclerView's item's entrance?

2 Answers2

Linked