Android RecyclerView in Kotlin With Example

Android RecyclerView in Kotlin is one of the most interesting concepts to become a master in Android. There are a lot of different examples and implementations across the internet. Learn first, what a RecyclerView is before implementing it.

If you are interested in becoming a professional software developer, make sure to check out our courses!

[fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” status=”published” publish_date=”” class=”” id=”” link_color=”” link_hover_color=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” gradient_start_color=”” gradient_end_color=”” gradient_start_position=”0″ gradient_end_position=”100″ gradient_type=”linear” radial_direction=”center center” linear_angle=”180″ background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_blend_mode=”none” video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” box_shadow=”no” box_shadow_blur=”0″ box_shadow_spread=”0″ box_shadow_color=”” box_shadow_style=”” background_type=”single” gradient_start_position=”0″ gradient_end_position=”100″ gradient_type=”linear” radial_direction=”center center” linear_angle=”180″ background_color=”” background_image=”” background_image_id=”” background_position=”left top” background_repeat=”no-repeat” background_blend_mode=”none” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” filter_type=”regular” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″ first=”true” last=”true”][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” rotation_text=”” highlight_text=”” after_text=”” content_align=”left” size=”2″ font_size=”30″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]

Working with RecyclerView in Kotlin

[/fusion_title][fusion_text columns=”1″ column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]

RecyclerViews in Android is one of the most interesting concepts to become a master in Android. There are a lot of different examples and implementations across the internet. Learn first, what a RecyclerView is before implementing it.

[/fusion_text][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” highlight_text=”” after_text=”” content_align=”left” size=”2″ font_size=”30″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]What is a RecyclerView?

[/fusion_title][fusion_text columns=”1″ column_min_width=”” column_spacing=”” rule_style=”default” rule_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]

A RecyclerView is a flexible view for providing a limited window into a large data set. It is essentially a ViewGroup of containers called ViewHolders which populate a particular item. RecyclerView is an extensive Android class to provide a flexible UI. A great benefit of using RecyclerViews is that you’re able to efficiently reuse views instead of managing items that aren’t even visible to a user.

[/fusion_text][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” highlight_text=”” after_text=”” content_align=”left” size=”2″ font_size=”30″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]Why we use RecyclerView? [/fusion_title][fusion_text columns=”1″ column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]

In the past, Android was using ListView or GridView classes for displaying lists. The RecyclerView can be described as a combination of a ListView and a GridView. However, in a RecyclerView, there are features that separate your code into maintainable components while also enforcing memory-efficient design patterns.

The form you have selected does not exist.

How is it better than ListViews and GridViews?

ListViews and GridViews are comparatively slower than RecyclerViews.

[/fusion_text][fusion_imageframe image_id=”4262|full” max_width=”1024″ style_type=”” blur=”” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”center” lightbox=”no” gallery_id=”” lightbox_image=”” lightbox_image_id=”” alt=”” link=”” linktarget=”_self” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″]https://tutorials.eu/wp-content/uploads/2020/07/RecycleViewApp.png[/fusion_imageframe][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” highlight_text=”” after_text=”” content_align=”left” size=”2″ font_size=”30″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]Layouts in RecyclerView[/fusion_title][fusion_text columns=”1″ column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=””]

The RecyclerView changed everything which was used in the ListView and GridView. RecyclerView still uses an Adapter to act as a data source. However, you have to create ViewHolders to keep references in memory.

To provide a new view, RecyclerView either creates a new ViewHolder object to inflate the layout and hold those references, or it recycles one from the existing stack.

This is it why it’s called a RecyclerView!

The Views in RecyclerView comes with default animations that you don’t have to create or add yourself.

RecyclerView requires a ViewHolder, the RecyclerView knows which animation to apply to which item and adds them as required. You can also create your own animations and apply them as needed.

The most important and interesting component of a RecyclerView is its LayoutManager. This object positions the RecyclerView’s items and tells them when to recycle items that have transitioned off-screen. The ListView used to do this work by itself.

The RecyclerView has broken out of this functionality to allow for different kinds of layouts: Vertical, Horizontal, Grid, Staggered, or your own!

There are three types of Layout Managers by default:

LinearLayoutManager: Positions items to look like a standard ListView.
GridLayoutManager: Positions items in a grid format similar to a GridView.
StaggeredGridLayoutManager: Positions terms in a staggered grid format.

RecyclerView implementations requires:

A list of data objects to work with.
An XML file of the view item.
An adapter to bind that data to the views.
A ViewHolder to populate the UI view from the XML item file.

The form you have selected does not exist.

Now we are familiar with what RecyclerView is and its basics, let’s get into the implementation.

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” status=”published” border_style=”solid” gradient_start_position=”0″ gradient_end_position=”100″ gradient_type=”linear” radial_direction=”center center” linear_angle=”180″ background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_blend_mode=”none” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ center_content=”no” target=”_self” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” hover_type=”none” border_size=”0″ border_style=”solid” border_position=”all” box_shadow=”no” box_shadow_blur=”0″ box_shadow_spread=”0″ background_type=”single” gradient_start_position=”0″ gradient_end_position=”100″ gradient_type=”linear” radial_direction=”center center” linear_angle=”180″ background_position=”left top” background_repeat=”no-repeat” background_blend_mode=”none” animation_direction=”left” animation_speed=”0.3″ filter_type=”regular” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″ first=”true” last=”true” min_height=”” link=””][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” highlight_text=”” after_text=”” content_align=”left” size=”2″ font_size=”30″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]Get started with RecyclerView[/fusion_title][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” highlight_text=”” after_text=”” content_align=”left” size=”5″ font_size=”18″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]

Create a New Project for this RecyclerViews tutorial

[/fusion_text][fusion_imageframe image_id=”4165|fusion-600″ max_width=”1000″ style_type=”” blur=”” stylecolor=”” hover_type=”none” bordersize=”3″ bordercolor=”” borderradius=”” align=”center” lightbox=”no” gallery_id=”” lightbox_image=”” lightbox_image_id=”” alt=”” link=”” linktarget=”_self” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″]https://tutorials.eu/wp-content/uploads/2020/07/1-600×444.jpg[/fusion_imageframe][fusion_text columns=”1″ column_min_width=”” column_spacing=”” rule_style=”default” rule_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]Select option as Start a new Android Studio project.

[/fusion_text][fusion_imageframe image_id=”4169|fusion-600″ max_width=”” style_type=”” blur=”” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”center” lightbox=”no” gallery_id=”” lightbox_image=”” lightbox_image_id=”” alt=”” link=”” linktarget=”_self” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″]https://tutorials.eu/wp-content/uploads/2020/07/2-600×429.jpg[/fusion_imageframe][fusion_text columns=”1″ column_min_width=”” column_spacing=”” rule_style=”default” rule_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]Select Empty Activity and click on Next.

[/fusion_text][fusion_imageframe image_id=”4170|fusion-600″ max_width=”” style_type=”” blur=”” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”center” lightbox=”no” gallery_id=”” lightbox_image=”” lightbox_image_id=”” alt=”” link=”” linktarget=”_self” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″]https://tutorials.eu/wp-content/uploads/2020/07/3-600×428.jpg[/fusion_imageframe][fusion_text columns=”1″ column_min_width=”” column_spacing=”” rule_style=”default” rule_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]

Add the name of the project as RecyclerViewApp and update the package name as you want and select the project location where you want to save the project.

Create a project using Kotlin.

Once the project is loaded go inside the activity_main.xml and remove the Hello World TextView.

Add the dependency in the build.gradle (:app) :

implementation ‘com.google.android.material:material:1.1.0’

[/fusion_text][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” highlight_text=”” after_text=”” content_align=”left” size=”5″ font_size=”18″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]Add the RecyclerView[/fusion_title][fusion_code]PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPGFuZHJvaWR4LmNvbnN0cmFpbnRsYXlvdXQud2lkZ2V0LkNvbnN0cmFpbnRMYXlvdXQgeG1sbnM6YW5kcm9pZD0iaHR0cDovL3NjaGVtYXMuYW5kcm9pZC5jb20vYXBrL3Jlcy9hbmRyb2lkIgogICAgeG1sbnM6YXBwPSJodHRwOi8vc2NoZW1hcy5hbmRyb2lkLmNvbS9hcGsvcmVzLWF1dG8iCiAgICB4bWxuczp0b29scz0iaHR0cDovL3NjaGVtYXMuYW5kcm9pZC5jb20vdG9vbHMiCiAgICBhbmRyb2lkOmxheW91dF93aWR0aD0ibWF0Y2hfcGFyZW50IgogICAgYW5kcm9pZDpsYXlvdXRfaGVpZ2h0PSJtYXRjaF9wYXJlbnQiCiAgICB0b29sczpjb250ZXh0PSIuTWFpbkFjdGl2aXR5Ij4KCiAgICA8YW5kcm9pZHgucmVjeWNsZXJ2aWV3LndpZGdldC5SZWN5Y2xlclZpZXcKICAgICAgICBhbmRyb2lkOmxheW91dF93aWR0aD0ibWF0Y2hfcGFyZW50IgogICAgICAgIGFuZHJvaWQ6bGF5b3V0X2hlaWdodD0ibWF0Y2hfcGFyZW50IgogICAgICAgIGFwcDpsYXlvdXRfY29uc3RyYWludEJvdHRvbV90b0JvdHRvbU9mPSJwYXJlbnQiCiAgICAgICAgYXBwOmxheW91dF9jb25zdHJhaW50TGVmdF90b0xlZnRPZj0icGFyZW50IgogICAgICAgIGFwcDpsYXlvdXRfY29uc3RyYWludFJpZ2h0X3RvUmlnaHRPZj0icGFyZW50IgogICAgICAgIGFwcDpsYXlvdXRfY29uc3RyYWludFRvcF90b1RvcE9mPSJwYXJlbnQiIC8+Cgo8L2FuZHJvaWR4LmNvbnN0cmFpbnRsYXlvdXQud2lkZ2V0LkNvbnN0cmFpbnRMYXlvdXQ+[/fusion_code][fusion_text columns=”1″ column_min_width=”” column_spacing=”” rule_style=”default” rule_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]

Add the RecyclerView in an activity layout activity_main.xml layout file and add the following code.

Assign the id to the RecyclerView as “android:id=”@+id/recycler_view_items“.

The form you have selected does not exist.

Create a Custom Layout file

Setup the data resource

It is basically the list which we will be displaying in the RecyclerView. Here, we are preparing it manually but usually it is from the source like server or database.

Add the below function in the MainActivity.kt.

Create an Item Adapter Class

Create an Item Adapter class named ItemAdapter.kt.

Create the view holder for view items, connect the data source of the RecyclerView and handle the view logic by creating a RecyclerView Adapter.

We have used the custom layout file to bind the views to the RecyclerView. In the onCreateViewHolder function we have inflated it.
In the onBindViewHolder function we have set the text to the TextView from the data list. Also, we have add the different background colors to the CardView based on the odd and even positions.
Add the below colors in the colors.xml file.

Now, as we have everything that is required.
Attach the adapter to the RecyclerView.
After, attaching the RecyclerView to the adapter class the MainActivity.kt will look like this:

The LayoutManager used here is LinearLayoutManager for the RecyclerView.

Adapter class is initialized and data list is passed to it.

Finally, the adapter class is attached to the RecyclerView.

Run the app and check the output.

Output using the LinearLayoutManager

[/fusion_title][fusion_imageframe image_id=”4171|fusion-400″ max_width=”” style_type=”none” blur=”” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”center” lightbox=”no” gallery_id=”” lightbox_image=”” lightbox_image_id=”” alt=”” link=”” linktarget=”_self” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″]https://tutorials.eu/wp-content/uploads/2020/07/Output-1-400×889.png[/fusion_imageframe][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” rotation_text=”” highlight_text=”” after_text=”” content_align=”left” size=”1″ font_size=”” animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” /][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” highlight_text=”” after_text=”” content_align=”left” size=”5″ font_size=”18″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]

RecyclerView using LinearLayoutManager with Horizontal Scroll

Now add some more parameters using the LinearLayoutManager we can also display the items in the horizontal format.

By default the scrolling direction it vertical.

For the horizontal we need to pass the direction as LinearLayoutManager.HORIZONTAL and reverse layout as true or false as per requirement.

The form you have selected does not exist.

Now you will be able to scroll the items in the horizontal format.

Output using the LinearLayoutManager in Horizontal Scroll

[/fusion_title][fusion_imageframe image_id=”4172|fusion-400″ max_width=”” style_type=”” blur=”” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”center” lightbox=”no” gallery_id=”” lightbox_image=”” lightbox_image_id=”” alt=”” link=”” linktarget=”_self” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″]https://tutorials.eu/wp-content/uploads/2020/07/Output-2-400×889.png[/fusion_imageframe][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” highlight_text=”” after_text=”” content_align=”left” size=”5″ font_size=”18″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]

RecyclerView using GridLayoutManager

Now display the items views using the GridLayoutManager instead of LinearLayoutManager in the RecyclerView.

Replace the layout manager in the MainActivity.kt onCreate function.

Replace the below line of code.

[/fusion_text][fusion_syntax_highlighter theme=”” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]cmVjeWNsZXJfdmlld19pdGVtcy5sYXlvdXRNYW5hZ2VyID0gTGluZWFyTGF5b3V0TWFuYWdlcih0aGlzKQ==[/fusion_syntax_highlighter][fusion_text columns=”1″ column_min_width=”” column_spacing=”” rule_style=”default” rule_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]

Replace it with GridLayoutManager.

In the GridLayoutManager you need to pass the span count as in our case it is 2 which will impact the grid column count.

Output using the GridLayoutManager

[/fusion_title][fusion_imageframe image_id=”4173|fusion-400″ max_width=”” style_type=”” blur=”” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”center” lightbox=”no” gallery_id=”” lightbox_image=”” lightbox_image_id=”” alt=”” link=”” linktarget=”_self” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″]https://tutorials.eu/wp-content/uploads/2020/07/Output-3-400×889.png[/fusion_imageframe][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” status=”published” publish_date=”” class=”” id=”” link_color=”” link_hover_color=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” gradient_start_color=”” gradient_end_color=”” gradient_start_position=”0″ gradient_end_position=”100″ gradient_type=”linear” radial_direction=”center center” linear_angle=”180″ background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_blend_mode=”none” video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” box_shadow=”no” box_shadow_blur=”0″ box_shadow_spread=”0″ box_shadow_color=”” box_shadow_style=”” background_type=”single” gradient_start_position=”0″ gradient_end_position=”100″ gradient_type=”linear” radial_direction=”center center” linear_angle=”180″ background_color=”” background_image=”” background_image_id=”” background_position=”left top” background_repeat=”no-repeat” background_blend_mode=”none” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” filter_type=”regular” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″ first=”true” last=”true”][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” highlight_text=”” after_text=”” content_align=”left” size=”2″ font_size=”30″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]RecyclerView with Multiple View Types[/fusion_title][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]

You might have noticed and seen that while using a RecyclerView, we define a view and the list items are displayed according to that view only. But what if you want to add different view types in the RecyclerView, you can add Multiple Views in the same RecyclerView.

We can add multiple views in a single RecyclerView. For example, the home page on Facebook and Instagram is an example of Multiple Views. You can add an image, video, text or a combination of all of them in the same RecyclerView.

We’ll use the same project that we have done above and make the changes for another view type.

We’ll use the LinearLayoutManager as the layout manager in the RecyclerView.

For LinearLayoutManager replace the layout manager line in MainActivity.kt as below.

recycler_view_items.layoutManager = LinearLayoutManager(this)

Create a Another Custom Layout file

Add the custom layout file for RecyclerView as item_another_custom_row.xml in the resource layout.

Create a Data Model Class

[/fusion_title][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]

The data model class is used to create a custom data type list.

Create the data model class name as DataModel.kt.

Update an Item Adapter Class

In the Item adapter class we need to make the following changes as below:

Update the list data type from string to data model class.
Update the implementation parameter as RecyclerView.ViewHolder instead of ItemAdapter.ViewHolder.
Declare the constants for View Types in companion object.
Override the function as getItemViewType.
Add another viewholder inner class.
Update the onCreateViewHolder and onBindViewHolder functions as per view types.
The ItemAdapter.kt will look like below.

[/fusion_text][fusion_syntax_highlighter theme=”” language=”” line_numbers=”” line_wrapping=”” copy_to_clipboard=”” copy_to_clipboard_text=”” font_size=”” border_size=”” border_color=”” border_style=”” background_color=”” line_number_background_color=”” line_number_text_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]cGFja2FnZSBjb20ucmVjeWNsZXJ2aWV3YXBwCgppbXBvcnQgYW5kcm9pZC5jb250ZW50LkNvbnRleHQKaW1wb3J0IGFuZHJvaWQudmlldy5MYXlvdXRJbmZsYXRlcgppbXBvcnQgYW5kcm9pZC52aWV3LlZpZXcKaW1wb3J0IGFuZHJvaWQudmlldy5WaWV3R3JvdXAKaW1wb3J0IGFuZHJvaWR4LmNvcmUuY29udGVudC5Db250ZXh0Q29tcGF0CmltcG9ydCBhbmRyb2lkeC5yZWN5Y2xlcnZpZXcud2lkZ2V0LlJlY3ljbGVyVmlldwppbXBvcnQga290bGlueC5hbmRyb2lkLnN5bnRoZXRpYy5tYWluLml0ZW1fYW5vdGhlcl9jdXN0b21fcm93LnZpZXcuKgppbXBvcnQga290bGlueC5hbmRyb2lkLnN5bnRoZXRpYy5tYWluLml0ZW1fY3VzdG9tX3Jvdy52aWV3LioKCmNsYXNzIEl0ZW1BZGFwdGVyKHZhbCBjb250ZXh0OiBDb250ZXh0LCB2YWwgaXRlbXM6IEFycmF5TGlzdDxEYXRhTW9kZWw+KSA6CiAgICBSZWN5Y2xlclZpZXcuQWRhcHRlcjxSZWN5Y2xlclZpZXcuVmlld0hvbGRlcj4oKSB7CgogICAgLyoqCiAgICAgKiBBIGNvbXBhbmlvbiBvYmplY3Qgd2hlcmUgd2UgY2FuIGRlY2xhcmUgdGhlIGNvbnN0YW50IHZhbHVlcy4KICAgICAqLwogICAgY29tcGFuaW9uIG9iamVjdCB7CiAgICAgICAgY29uc3QgdmFsIFZJRVdfVFlQRV9PTkUgPSAxCiAgICAgICAgY29uc3QgdmFsIFZJRVdfVFlQRV9UV08gPSAyCiAgICB9CgogICAgLyoqCiAgICAgKiBJbmZsYXRlcyB0aGUgaXRlbSB2aWV3cyB3aGljaCBpcyBkZXNpZ25lZCBpbiB4bWwgbGF5b3V0IGZpbGUKICAgICAqCiAgICAgKiBjcmVhdGUgYSBuZXcKICAgICAqIHtAbGluayBWaWV3SG9sZGVyfSBhbmQgaW5pdGlhbGl6ZXMgc29tZSBwcml2YXRlIGZpZWxkcyB0byBiZSB1c2VkIGJ5IFJlY3ljbGVyVmlldy4KICAgICAqLwogICAgb3ZlcnJpZGUgZnVuIG9uQ3JlYXRlVmlld0hvbGRlcihwYXJlbnQ6IFZpZXdHcm91cCwgdmlld1R5cGU6IEludCk6IFJlY3ljbGVyVmlldy5WaWV3SG9sZGVyIHsKCiAgICAgICAgaWYgKHZpZXdUeXBlID09IFZJRVdfVFlQRV9PTkUpIHsKICAgICAgICAgICAgcmV0dXJuIFZpZXdIb2xkZXIoCiAgICAgICAgICAgICAgICBMYXlvdXRJbmZsYXRlci5mcm9tKGNvbnRleHQpLmluZmxhdGUoCiAgICAgICAgICAgICAgICAgICAgUi5sYXlvdXQuaXRlbV9jdXN0b21fcm93LAogICAgICAgICAgICAgICAgICAgIHBhcmVudCwKICAgICAgICAgICAgICAgICAgICBmYWxzZQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICApCiAgICAgICAgfSBlbHNlIHsKICAgICAgICAgICAgcmV0dXJuIEFub3RoZXJWaWV3SG9sZGVyKAogICAgICAgICAgICAgICAgTGF5b3V0SW5mbGF0ZXIuZnJvbShjb250ZXh0KS5pbmZsYXRlKAogICAgICAgICAgICAgICAgICAgIFIubGF5b3V0Lml0ZW1fYW5vdGhlcl9jdXN0b21fcm93LAogICAgICAgICAgICAgICAgICAgIHBhcmVudCwKICAgICAgICAgICAgICAgICAgICBmYWxzZQogICAgICAgICAgICAgICAgKQogICAgICAgICAgICApCiAgICAgICAgfQogICAgfQoKICAgIC8qKgogICAgICogQmluZHMgZWFjaCBpdGVtIGluIHRoZSBBcnJheUxpc3QgdG8gYSB2aWV3CiAgICAgKgogICAgICogQ2FsbGVkIHdoZW4gUmVjeWNsZXJWaWV3IG5lZWRzIGEgbmV3IHtAbGluayBWaWV3SG9sZGVyfSBvZiB0aGUgZ2l2ZW4gdHlwZSB0byByZXByZXNlbnQKICAgICAqIGFuIGl0ZW0uCiAgICAgKgogICAgICogVGhpcyBuZXcgVmlld0hvbGRlciBzaG91bGQgYmUgY29uc3RydWN0ZWQgd2l0aCBhIG5ldyBWaWV3IHRoYXQgY2FuIHJlcHJlc2VudCB0aGUgaXRlbXMKICAgICAqIG9mIHRoZSBnaXZlbiB0eXBlLiBZb3UgY2FuIGVpdGhlciBjcmVhdGUgYSBuZXcgVmlldyBtYW51YWxseSBvciBpbmZsYXRlIGl0IGZyb20gYW4gWE1MCiAgICAgKiBsYXlvdXQgZmlsZS4KICAgICAqLwogICAgb3ZlcnJpZGUgZnVuIG9uQmluZFZpZXdIb2xkZXIoaG9sZGVyOiBSZWN5Y2xlclZpZXcuVmlld0hvbGRlciwgcG9zaXRpb246IEludCkgewoKICAgICAgICB2YWwgaXRlbSA9IGl0ZW1zLmdldChwb3NpdGlvbikKCiAgICAgICAgaWYgKGhvbGRlciBpcyBWaWV3SG9sZGVyKSB7CiAgICAgICAgICAgIGhvbGRlci50dkl0ZW0udGV4dCA9IGl0ZW0uaXRlbU5hbWUKCiAgICAgICAgICAgIC8vIFVwZGF0aW5nIHRoZSBiYWNrZ3JvdW5kIGNvbG9yIGFjY29yZGluZyB0byB0aGUgb2RkL2V2ZW4gcG9zaXRpb25zIGluIGxpc3QuCiAgICAgICAgICAgIGlmIChwb3NpdGlvbiAlIDIgPT0gMCkgewogICAgICAgICAgICAgICAgaG9sZGVyLmNhcmRWaWV3SXRlbS5zZXRCYWNrZ3JvdW5kQ29sb3IoCiAgICAgICAgICAgICAgICAgICAgQ29udGV4dENvbXBhdC5nZXRDb2xvcigKICAgICAgICAgICAgICAgICAgICAgICAgY29udGV4dCwKICAgICAgICAgICAgICAgICAgICAgICAgUi5jb2xvci5jb2xvckxpZ2h0R3JheQogICAgICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgfSBlbHNlIHsKICAgICAgICAgICAgICAgIGhvbGRlci5jYXJkVmlld0l0ZW0uc2V0QmFja2dyb3VuZENvbG9yKAogICAgICAgICAgICAgICAgICAgIENvbnRleHRDb21wYXQuZ2V0Q29sb3IoCiAgICAgICAgICAgICAgICAgICAgICAgIGNvbnRleHQsCiAgICAgICAgICAgICAgICAgICAgICAgIFIuY29sb3IuY29sb3JXaGl0ZQogICAgICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgfQogICAgICAgIH0gZWxzZSBpZiAoaG9sZGVyIGlzIEFub3RoZXJWaWV3SG9sZGVyKSB7CiAgICAgICAgICAgIGhvbGRlci50dkFub3RoZXJJdGVtTmFtZS50ZXh0ID0gaXRlbS5pdGVtTmFtZQoKICAgICAgICAgICAgLy8gVXBkYXRpbmcgdGhlIGJhY2tncm91bmQgY29sb3IgYWNjb3JkaW5nIHRvIHRoZSBvZGQvZXZlbiBwb3NpdGlvbnMgaW4gbGlzdC4KICAgICAgICAgICAgaWYgKHBvc2l0aW9uICUgMiA9PSAwKSB7CiAgICAgICAgICAgICAgICBob2xkZXIuY2FyZFZpZXdBbm90aGVySXRlbS5zZXRCYWNrZ3JvdW5kQ29sb3IoCiAgICAgICAgICAgICAgICAgICAgQ29udGV4dENvbXBhdC5nZXRDb2xvcigKICAgICAgICAgICAgICAgICAgICAgICAgY29udGV4dCwKICAgICAgICAgICAgICAgICAgICAgICAgUi5jb2xvci5jb2xvckxpZ2h0R3JheQogICAgICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgICAgICkKICAgICAgICAgICAgfSBlbHNlIHsKICAgICAgICAgICAgICAgIGhvbGRlci5jYXJkVmlld0Fub3RoZXJJdGVtLnNldEJhY2tncm91bmRDb2xvcigKICAgICAgICAgICAgICAgICAgICBDb250ZXh0Q29tcGF0LmdldENvbG9yKAogICAgICAgICAgICAgICAgICAgICAgICBjb250ZXh0LAogICAgICAgICAgICAgICAgICAgICAgICBSLmNvbG9yLmNvbG9yV2hpdGUKICAgICAgICAgICAgICAgICAgICApCiAgICAgICAgICAgICAgICApCiAgICAgICAgICAgIH0KICAgICAgICB9CiAgICB9CgogICAgLyoqCiAgICAgKiBHZXRzIHRoZSBudW1iZXIgb2YgaXRlbXMgaW4gdGhlIGxpc3QKICAgICAqLwogICAgb3ZlcnJpZGUgZnVuIGdldEl0ZW1Db3VudCgpOiBJbnQgewogICAgICAgIHJldHVybiBpdGVtcy5zaXplCiAgICB9CgogICAgLyoqCiAgICAgKiBHZXQgdGhlIEl0ZW1WaWV3VHlwZSBmcm9tIHRoZSBsaXN0IGl0ZW1zLgogICAgICovCiAgICBvdmVycmlkZSBmdW4gZ2V0SXRlbVZpZXdUeXBlKHBvc2l0aW9uOiBJbnQpOiBJbnQgewogICAgICAgIHJldHVybiBpdGVtc1twb3NpdGlvbl0udmlld1R5cGUKICAgIH0KCiAgICAvKioKICAgICAqIEEgVmlld0hvbGRlciBkZXNjcmliZXMgYW4gaXRlbSB2aWV3IGFuZCBtZXRhZGF0YSBhYm91dCBpdHMgcGxhY2Ugd2l0aGluIHRoZSBSZWN5Y2xlclZpZXcuCiAgICAgKi8KICAgIGNsYXNzIFZpZXdIb2xkZXIodmlldzogVmlldykgOiBSZWN5Y2xlclZpZXcuVmlld0hvbGRlcih2aWV3KSB7CiAgICAgICAgLy8gSG9sZHMgdGhlIFRleHRWaWV3IHRoYXQgd2lsbCBhZGQgZWFjaCBpdGVtIHRvCiAgICAgICAgdmFsIHR2SXRlbSA9IHZpZXcudHZfaXRlbV9uYW1lCiAgICAgICAgdmFsIGNhcmRWaWV3SXRlbSA9IHZpZXcuY2FyZF92aWV3X2l0ZW0KICAgIH0KCiAgICBjbGFzcyBBbm90aGVyVmlld0hvbGRlcih2aWV3OiBWaWV3KSA6IFJlY3ljbGVyVmlldy5WaWV3SG9sZGVyKHZpZXcpIHsKICAgICAgICAvLyBIb2xkcyB0aGUgVGV4dFZpZXcgdGhhdCB3aWxsIGFkZCBlYWNoIGl0ZW0gdG8KICAgICAgICB2YWwgdHZBbm90aGVySXRlbU5hbWUgPSB2aWV3LnR2X2Fub3RoZXJfaXRlbV9uYW1lCiAgICAgICAgdmFsIGNhcmRWaWV3QW5vdGhlckl0ZW0gPSB2aWV3LmNhcmRfdmlld19hbm90aGVyX2l0ZW0KICAgIH0KfQ==[/fusion_syntax_highlighter][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” status=”published” publish_date=”” class=”” id=”” link_color=”” link_hover_color=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” gradient_start_color=”” gradient_end_color=”” gradient_start_position=”0″ gradient_end_position=”100″ gradient_type=”linear” radial_direction=”center center” linear_angle=”180″ background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ background_blend_mode=”none” video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” box_shadow=”no” box_shadow_blur=”0″ box_shadow_spread=”0″ box_shadow_color=”” box_shadow_style=”” background_type=”single” gradient_start_position=”0″ gradient_end_position=”100″ gradient_type=”linear” radial_direction=”center center” linear_angle=”180″ background_color=”” background_image=”” background_image_id=”” background_position=”left top” background_repeat=”no-repeat” background_blend_mode=”none” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” filter_type=”regular” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″ first=”true” last=”true”][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” highlight_text=”” after_text=”” content_align=”left” size=”5″ font_size=”18″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]

Update Data Resource List

Update the data resource list using data model class as DataModel.kt.

Update the getItemsList function in MainActivity.kt as below.

Output of Multiple View Types

[/fusion_title][fusion_imageframe image_id=”4191|fusion-400″ max_width=”” style_type=”” blur=”” stylecolor=”” hover_type=”none” bordersize=”” bordercolor=”” borderradius=”” align=”center” lightbox=”no” gallery_id=”” lightbox_image=”” lightbox_image_id=”” alt=”” link=”” linktarget=”_self” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” filter_hue=”0″ filter_saturation=”100″ filter_brightness=”100″ filter_contrast=”100″ filter_invert=”0″ filter_sepia=”0″ filter_opacity=”100″ filter_blur=”0″ filter_hue_hover=”0″ filter_saturation_hover=”100″ filter_brightness_hover=”100″ filter_contrast_hover=”100″ filter_invert_hover=”0″ filter_sepia_hover=”0″ filter_opacity_hover=”100″ filter_blur_hover=”0″]https://tutorials.eu/wp-content/uploads/2020/07/Output-4-400×889.png[/fusion_imageframe][fusion_title title_type=”text” rotation_effect=”bounceIn” display_time=”1200″ highlight_effect=”circle” loop_animation=”off” highlight_width=”9″ highlight_top_margin=”0″ before_text=”” highlight_text=”” after_text=”” content_align=”left” size=”2″ font_size=”30″ animated_font_size=”” line_height=”” letter_spacing=”” text_color=”” animated_text_color=”” highlight_color=”” style_type=”none” sep_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” fusion_font_variant_title_font=”” fusion_font_family_title_font=”Proxima Nova Regular”]Summary[/fusion_title][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=””]

That’s the basics of RecyclerViews. That’s all you need to know to create RecyclerViews in your app as per your requirements. You can change the kind of layout you want to work in the LayoutManager with other managers such as GridLayoutManager. You can substitute your view as per your app design. The implementation is relatively flexible. Now, you are able to create better views using RecyclerView with Vertical and Horizontal scrolling and as well with GridView. You can also create a view like in the Facebook App which uses Multiple Views in the same RecyclerView. Happy coding.

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Cookie	Duration	Description
cookielawinfo-checkbox-analytics	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-functional	11 months	The cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-necessary	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance	11 months	This cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
viewed_cookie_policy	11 months	The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.

Android RecyclerView in Kotlin

Working with RecyclerView in Kotlin

The form you have selected does not exist.

The form you have selected does not exist.

The form you have selected does not exist.

The form you have selected does not exist.

The form you have selected does not exist.

Related posts: