{"id":723,"date":"2019-11-24T12:32:01","date_gmt":"2019-11-24T02:32:01","guid":{"rendered":"https:\/\/learntodroid.com\/?p=723"},"modified":"2019-11-24T12:32:07","modified_gmt":"2019-11-24T02:32:07","slug":"what-are-the-differences-between-recyclerview-and-listview","status":"publish","type":"post","link":"http:\/\/10.0.0.14:32769\/what-are-the-differences-between-recyclerview-and-listview\/","title":{"rendered":"What are the differences between RecyclerView and ListView?"},"content":{"rendered":"\n<p>If you ever need to show a scrollable list of items in your app you might consider using a RecyclerView or ListView to achieve this. In this article I will summarise the major differences between RecyclerView and ListView in Android.<\/p>\n\n\n\n<p>The key differences between the RecyclerView and ListView in Android are documented in the table below.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"\"><thead><tr><th>Criteria<\/th><th>RecyclerView<\/th><th>ListView<\/th><\/tr><\/thead><tbody><tr><td>Requires additional dependency<\/td><td>Yes, RecyclerView requires an additional dependency<\/td><td>No, available natively<\/td><\/tr><tr><td>ViewHolder Pattern<\/td><td>Mandatory ViewHolder pattern providing better performance<\/td><td>ViewHolder pattern can be supported with customisation<\/td><\/tr><tr><td>Layout Management<\/td><td>Advanced Layout Management capabilities for vertical and horizontal lists, grids and staggered grids<\/td><td>Vertical list only<\/td><\/tr><tr><td>Adapters<\/td><td>Supports notifications if the entire data set has changed, item gets added, item gets removed or item gets changed<\/td><td>Supports notifications if the entire data set has changed<\/td><\/tr><tr><td>Item Decorations<\/td><td>Dividers between items not shown by default. Use ItemDecorations to add margin and draw on or under an Item View. <\/td><td>Dividers between items shown by default. Item decoration requires customisation for ListView.<\/td><\/tr><tr><td>Item Animation<\/td><td>ItemAnimator makes it easy to add animations<\/td><td>Very complex to implement<\/td><\/tr><tr><td>Official Documentation<\/td><td><a href=\"https:\/\/developer.android.com\/reference\/android\/support\/v7\/widget\/RecyclerView\">RecyclerView documentation<\/a><\/td><td><a href=\"https:\/\/developer.android.com\/reference\/android\/widget\/ListView\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"ListView documentation (opens in a new tab)\">ListView documentation<\/a><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>In the sections below I will describe in the greater detail the functionality available in RecyclerView and ListView APIs. In the Conclusion section I will summarise the key differences between RecyclerView and ListView and in describe in what circumstances each should be used.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is a RecyclerView?<\/h2>\n\n\n\n<p>A RecyclerView is used to display a large list of items with their own specific Views within the user interface in a performance optimised manner.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"547\" src=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2019\/11\/RecyclerView-Component-Architecture-1024x547.png\" alt=\"\" class=\"wp-image-756\" srcset=\"http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2019\/11\/RecyclerView-Component-Architecture-1024x547.png 1024w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2019\/11\/RecyclerView-Component-Architecture-300x160.png 300w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2019\/11\/RecyclerView-Component-Architecture-768x410.png 768w, http:\/\/10.0.0.14:32769\/wp-content\/uploads\/2019\/11\/RecyclerView-Component-Architecture.png 1323w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><figcaption>RecyclerView Component Architecture<br>Credits: <a rel=\"noreferrer noopener\" aria-label=\"RecyclerView ins and outs - Google I\/O 2016 (opens in a new tab)\" href=\"https:\/\/www.youtube.com\/watch?v=LqBlYJTfLP4\" target=\"_blank\">RecyclerView ins and outs &#8211; Google I\/O 2016<\/a><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">LayoutManager<\/h3>\n\n\n\n<p>The RecyclerView uses a LayoutManager to determine how the Views will be placed within the RecyclerView. The different LayoutManagers supported by RecyclerView include:<\/p>\n\n\n\n<ul><li>LinearLayoutManager, a vertical or horizontal list of items<\/li><li>GridLayoutManager, a grid of items that are all the same size<\/li><li>StaggeredGridLayoutManager, a grid of items that supports different sizes<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">ViewHolder<\/h3>\n\n\n\n<p>In a RecyclerView, your items will have a specific View, these Views are placed inside ViewHolders. Each ViewHolder can have up to one View and and the ViewHolder is used to display a particular View of an item within your RecyclerView.<\/p>\n\n\n\n<p>For performance reasons, the RecyclerView will reuse ViewHolders for displaying Views by recycling ViewHolders that contain Views that shift offscreen with Views that shift onscreen when scrolling occurs.<\/p>\n\n\n\n<p>The RecyclerView Adapter contains methods for creating and binding the ViewHolder called onCreateViewHolder(&#8230;) and onBindViewHolder(&#8230;) to enable this ViewHolder recycling to occur.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">RecyclerView Adapter<\/h3>\n\n\n\n<p>ViewHolders are managed by RecyclerView adapters by creating the Views and ViewHolders and binding the ViewHolder to an item in the list. <\/p>\n\n\n\n<p>Adapters notify the RecyclerView on specific changes to the data. Adapters can also handle interactions with Items such as clicks.<\/p>\n\n\n\n<p>In addition to notifyDataSetChange(&#8230;) which is also supported by ListView for advising on changes to the date in the adapter, RecyclerView adapters also support the following methods:<\/p>\n\n\n\n<ul><li>notifyItemInserted(&#8230;)<\/li><li>notifyItemChanged(&#8230;)<\/li><li>notifyItemRemoved(&#8230;)<\/li><\/ul>\n\n\n\n<p>These methods available within RecyclerView (not supported in ListView) should be utilised over notifyDataSetChanged(&#8230;) where possible to enable RecyclerView animations to work correctly.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">ItemAnimator<\/h3>\n\n\n\n<p>Given the RecyclerView Adapter can notify when particular items in the dataset have been changed, added or removed this opens up the opportunity to implement more accurate animations of Items within the RecyclerView.<\/p>\n\n\n\n<p>The ItemAnimator class simplifies the addition of animations to your RecyclerView. The ItemAnimator supports animating your RecyclerView on events such as:<\/p>\n\n\n\n<ul><li>Appearance of list<\/li><li>Disappearance of list<\/li><li>Removal of Item<\/li><li>Addition of Item<\/li><li>Move of Item<\/li><li>Change of Item<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">ItemDecoration<\/h3>\n\n\n\n<p>By default the RecyclerView will not create borders or dividers between items. If you want the add custom drawings to your RecyclerView canvas this can be supported using ItemDecoration.<\/p>\n\n\n\n<p>Use the addItemDecoration(ItemDecoration) method on the RecyclerView to add an ItemDecoration. You can add multiple ItemDecorations to the same RecyclerView using the addItemDecoration(itemDecoration) method for each ItemDecoration.<\/p>\n\n\n\n<p>You can create a margin around your item Views within a RecyclerView using the getItemsOffset(&#8230;) method<\/p>\n\n\n\n<p>You can draw underneath the item Views within a RecyclerView using the onDraw(&#8230;) method<\/p>\n\n\n\n<p>You can draw over the top of the item Views within a RecyclerView using the onDrawOver(&#8230;) method<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">RecycledViewPool<\/h3>\n\n\n\n<p>RecycledViewPool lets you share Views between multiple RecyclerViews. This comes in handy in scenarios where you have a nested RecyclerView and will provide a boost to your apps performance.<\/p>\n\n\n\n<p>Use the setRecycledViewPool(RecycledViewPool) method on the multiple RecyclerViews providing the same instance of RecycledViewPool to share the pool.<\/p>\n\n\n\n<p>RecyclerView automatically creates a RecycledViewPool if you don&#8217;t provide one.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">ItemTouchHelper<\/h3>\n\n\n\n<p>ItemTouchHelper enables you to implement drag and drop and swipe to dismiss functionality against your RecyclerView.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What is a ListView?<\/h2>\n\n\n\n<p>ListView has been around since API version 1 and is used to display a list of items that can be scrolled vertically. <\/p>\n\n\n\n<p>A ListView is an adapter view and uses a ListAdapter to create and populate the item Views.<\/p>\n\n\n\n<p>ArrayAdapter and SimpleCursorAdapter are examples of adapters than can be used to provide the items to the ListView by using the setAdapter(ListAdapter) method and passing the Adapter to bind data the ListView.<\/p>\n\n\n\n<p>ArrayAdapter can be used when you have a collection of Strings you would like displayed in a ListView.<\/p>\n\n\n\n<p>SimpleCursorAdapter can be used when you have data coming from a Cursor such as results of a database query or content provider you want displayed in a ListView.<\/p>\n\n\n\n<p>ListView does has some limited performance optimisation built into it. It will create and lay out the Views in the list as the user can see them on screen and then will lay out additional Views as the user scrolls. The adapter on the ListView will reuse Views of the same type where possible.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Summary<\/h3>\n\n\n\n<ol><li>RecyclerView has a mandatory use of the ViewHolder pattern providing better performance over ListView that requires customisation to support the ViewHolder pattern<\/li><li>RecyclerView has greater support for LayoutManagement including vertical lists, horizontal lists, grids and staggered grids. ListView only supports vertical lists.<\/li><li>ListView starts by default with dividers between items and requires customisation to add decorations. ItemDecoration class is available for RecyclerView to add drawings on top or underneath Items as well adding margins.<\/li><li>RecyclerView adapters can inform you which items in your data has changed not just that your dataset has changed <\/li><li>Due to the RecyclerView Adapters enabling us to be more specific about the data being changed, animations in RecyclerView are substantially easier to implement through the ItemAnimator compared to ListView<\/li><\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Conclusion<\/h3>\n\n\n\n<p>In the vast majority of cases where you need to show a list or grid of items that need to be scrolled vertically or horizontally you should I would recommend leveraging the more modern RecyclerView over ListView.<\/p>\n\n\n\n<p>It is an absolute must have if you:<\/p>\n\n\n\n<ol><li>You have a large data set you want to show in a list<\/li><li>You have a non simplistic View of each Item in your list (e.g. has images, or multiple different sized TextViews etc.)<\/li><li>You want accurate animations of the item and\/or list<\/li><li>You want custom decorations to be shown against with your item<\/li><\/ol>\n\n\n\n<p>The ListView may be still appropriate to use in cases where you have a small list of items to display in a vertical list in the user interface for example an overflow menu for Settings. Another example might be if you have legacy code using ListView where it is not worth upgrading to RecyclerView due to the small number of items being shown and the simplicity of the item&#8217;s appearance in the list.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Additional Sources<\/h2>\n\n\n\n<p>Some of the research on this article came from a great video published on the <a href=\"https:\/\/www.youtube.com\/channel\/UCVHFbqXqoYvEWM1Ddxl0QDg\">Android Developers YouTube channel<\/a> at the 2016 Google I\/O Conference, where <a href=\"https:\/\/twitter.com\/adamwp\">Adam Powell<\/a> and <a href=\"https:\/\/twitter.com\/yigitboyar\">Yigit Boyar<\/a> go into details of the functionality of RecyclerView, the history of ListView as well as the key differences and improvements pf RecyclerView from ListView.<\/p>\n\n\n\n<figure class=\"wp-block-embed-youtube wp-block-embed is-type-video is-provider-youtube\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"container-lazyload preview-lazyload container-youtube js-lazyload--not-loaded\"><a class=\"lazy-load-youtube preview-lazyload preview-youtube\" href=\"https:\/\/www.youtube.com\/watch?v=LqBlYJTfLP4\" data-video-title=\"RecyclerView ins and outs - Google I\/O 2016\" title=\"Play video &quot;RecyclerView ins and outs - Google I\/O 2016&quot;\">https:\/\/www.youtube.com\/watch?v=LqBlYJTfLP4<\/a><noscript>Video can&#8217;t be loaded because JavaScript is disabled: <a href=\"https:\/\/www.youtube.com\/watch?v=LqBlYJTfLP4\" title=\"RecyclerView ins and outs - Google I\/O 2016\">RecyclerView ins and outs &#8211; Google I\/O 2016 (https:\/\/www.youtube.com\/watch?v=LqBlYJTfLP4)<\/a><\/noscript><\/div>\n<\/div><figcaption> RecyclerView ins and outs &#8211; Google I\/O 2016 <\/figcaption><\/figure>\n\n\n\n<p>ListView documentation on developer.android.com <a href=\"https:\/\/developer.android.com\/reference\/android\/widget\/ListView\">https:\/\/developer.android.com\/reference\/android\/widget\/ListView<\/a><\/p>\n\n\n\n<p>RecyclerView documentation on developer.android.com <a href=\"https:\/\/developer.android.com\/reference\/android\/support\/v7\/widget\/RecyclerView\">https:\/\/developer.android.com\/reference\/android\/support\/v7\/widget\/RecyclerView<\/a><\/p>\n\n\n\n<p>RecyclerView guide on developer.android.com  <a href=\"https:\/\/developer.android.com\/guide\/topics\/ui\/layout\/recyclerview\">https:\/\/developer.android.com\/guide\/topics\/ui\/layout\/recyclerview<\/a> <\/p>\n","protected":false},"excerpt":{"rendered":"<p>If you ever need to show a scrollable list of items in your app you might consider using a RecyclerView or ListView to achieve this. In this article I will<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[12],"tags":[],"acf":[],"_links":{"self":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts\/723"}],"collection":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/comments?post=723"}],"version-history":[{"count":5,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts\/723\/revisions"}],"predecessor-version":[{"id":783,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/posts\/723\/revisions\/783"}],"wp:attachment":[{"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/media?parent=723"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/categories?post=723"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/10.0.0.14:32769\/wp-json\/wp\/v2\/tags?post=723"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}