What is recyle view? recycle view is a place to display the collection of our data as efficient as possible. recycle view make it easy to display the data even we have a lot of data to display, we don’t have to write the long code in xml.

in this tutorial, i want to show you how to create recycle view contain list of food and price.

  • First, create your own project
  • copy library Recycle View from or you can click here

add that library to build.gradle in module app

don’t forget to click “Sync Now” in the top right of your code

  • Open activity_main.xml and change your code into code below

and the the design should change like image below

  • Create the new xml file for every item data that we want to display

right click in folder layout and select Layout Resource File and give it the name “item_view.xml” or whatever you want

in this tutorial we just want to display food names and the price, therefore we just need 2 TextView within Linear Layout

change your code like code below

that code will change the display into like image below

  • back to main_activity.xml and add :

within the recycle view, it means that layout we created in item_view.xml, we want to put in that recycle view. the design will change into like this image below

  • create kotlin class within main package

this code means it is a place to put a list of your data of foods name and also the price

  • Create new class for Adapter

Adapter is used to create every item and to put into viewholder

after you change code like the image above, you will find the class name will have red underline. just put your type or pointer in Adapter and click “Alt + Enter “ for windows just like image below

click implement member, and block all of the suggestion and click add

your code will change into like this

  • at function onCreateViewHolder, this is used to call the methode every time we need to create view holder. you can change your code into like this
  • at function onBindViewHolder, this is used to put our data into the layout so we can display the data we want to show perfectly
  • at function getItemCount, this is used to get the amount of data we want to create
  • go back to MainActivity.kt and change your code into like this

and we already able to create Recycle View with 3 data of Food, the design will be like this image below

for the all code you can just click here

thank you, just comment if i doing any mistake so i can learn for the future



Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store