How to create Animated Recyclerview in Android ?

Hello Guys , 

    In this tutorial , we are making another animated app. we are making animated recyclerview app. Animated Recyclerview app making beautiful interface.  At this time animation is must require in application because his making more attractive. 

   Animated Recyclerview app is looking like below picture:

Let's get started.

Step 1 : Create a new Project.

Step 2 :  Edit activity_main.xml file.

• Here we added Recyclerview under  Relative Layout.

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <androidx.recyclerview.widget.RecyclerView android:id="@+id/recycler_view" android:layout_width="match_parent" android:layout_height="wrap_content"/> </RelativeLayout>

Step 3 :  Create a custom layout list_item.xml file. 

• Here we create new layout for making recyclerview item for making attractive. In this layout we are using cardview under relativelayout.

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="wrap_content" xmlns:app="http://schemas.android.com/apk/res-auto"> <androidx.cardview.widget.CardView android:layout_width="match_parent" android:layout_height="wrap_content" app:cardElevation="10dp" android:layout_margin="10dp" app:cardCornerRadius="10dp"> <TextView android:id="@+id/txtView" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Hello" android:textColor="@color/black" android:textSize="20sp" android:textStyle="normal" android:textAllCaps="false" android:padding="10dp" android:layout_margin="10dp"/> </androidx.cardview.widget.CardView> </RelativeLayout>

Step 4 :  Create MyAdapter.java class.

<?xml version="1.0" encoding="utf-8"?> import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.view.animation.Animation; import android.view.animation.AnimationUtils; import android.widget.TextView; import androidx.annotation.NonNull; import androidx.recyclerview.widget.RecyclerView; import java.util.ArrayList; public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> { public ArrayList<RecyclerViewData> dataList; public MyAdapter(ArrayList<RecyclerViewData> dataList) { this.dataList = dataList; } @NonNull @Override public MyAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { View v = (View) LayoutInflater.from(parent.getContext()).inflate(R.layout.item_list, parent, false); return new ViewHolder(v); } @Override public void onBindViewHolder(@NonNull MyAdapter.ViewHolder holder, int position) { Animation animation = AnimationUtils.loadAnimation(holder.itemView.getContext() , android.R.anim.slide_in_left); animation.setDuration(600); RecyclerViewData recyclerViewData = dataList.get(position); holder.name.setText(recyclerViewData.getName()); holder.itemView.startAnimation(animation); } @Override public int getItemCount() { return dataList.size(); } public class ViewHolder extends RecyclerView.ViewHolder { TextView name; public ViewHolder(@NonNull View itemView) { super(itemView); name = itemView.findViewById(R.id.txtView); } } }

Step 5 :  Create Data.java class.

• This is class is created for set data in recyclerview and get data from recyclerview.

public class RecyclerViewData { private String name; public RecyclerViewData(String name) { this.name = name; } public String getName() { return name; } public void setName(String name) { this.name = name; } }

Step 6 : Implement MainActivity.java class file.

import androidx.appcompat.app.AppCompatActivity; import androidx.recyclerview.widget.LinearLayoutManager; import androidx.recyclerview.widget.RecyclerView; import android.os.Bundle; import java.util.ArrayList; public class MainActivity extends AppCompatActivity { RecyclerView recyclerView; RecyclerView.Adapter adapter; ArrayList<RecyclerViewData> rcVData; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); rcVData = UserData(); recyclerView = findViewById(R.id.recycler_view); RecyclerView.LayoutManager mLayoutManager = new LinearLayoutManager(this); recyclerView.setLayoutManager(mLayoutManager); adapter = new MyAdapter(rcVData); recyclerView.setAdapter(adapter); } private ArrayList<RecyclerViewData> UserData() { ArrayList<RecyclerViewData> list = new ArrayList<>(); list.add(new RecyclerViewData("HELLO")); list.add(new RecyclerViewData("World")); list.add(new RecyclerViewData("Hello")); list.add(new RecyclerViewData("Ps_Inf0")); list.add(new RecyclerViewData("HELL0")); list.add(new RecyclerViewData("HElLO")); list.add(new RecyclerViewData("Ps_Inf0")); list.add(new RecyclerViewData("1ELL0")); list.add(new RecyclerViewData("2ElLO")); list.add(new RecyclerViewData("3ELLO")); list.add(new RecyclerViewData("4orld")); list.add(new RecyclerViewData("5ello")); list.add(new RecyclerViewData("6s_Inf0")); list.add(new RecyclerViewData("7ELL0")); list.add(new RecyclerViewData("8ElLO")); list.add(new RecyclerViewData("9s_Inf0")); list.add(new RecyclerViewData("0ELL0")); list.add(new RecyclerViewData("HElLO")); return list; } }

Output :

If you liked this post do comment ,share and promote the post 🙏 . Please connect with us and support.  🙏