jacek-marchwicki/recyclerview-changes-detector

Changes detector for RecyclerView adapter

Download

Step 1. Add the JitPack repository to your build file

Add it in your root settings.gradle at the end of repositories:

	dependencyResolutionManagement {
		repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
		repositories {
			mavenCentral()
			maven { url 'https://jitpack.io' }
		}
	}

Add it in your settings.gradle.kts at the end of repositories:

	dependencyResolutionManagement {
		repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
		repositories {
			mavenCentral()
			maven { url = uri("https://jitpack.io") }
		}
	}

Add to pom.xml

	<repositories>
		<repository>
		    <id>jitpack.io</id>
		    <url>https://jitpack.io</url>
		</repository>
	</repositories>

Add it in your build.sbt at the end of resolvers:

 
    resolvers += "jitpack" at "https://jitpack.io"

Add it in your project.clj at the end of repositories:

 
    :repositories [["jitpack" "https://jitpack.io"]]

Step 2. Add the dependency

	dependencies {
		implementation 'com.github.jacek-marchwicki:recyclerview-changes-detector:2.0.1'
	}
	dependencies {
		implementation("com.github.jacek-marchwicki:recyclerview-changes-detector:2.0.1")
	}
	<dependency>
	    <groupId>com.github.jacek-marchwicki</groupId>
	    <artifactId>recyclerview-changes-detector</artifactId>
	    <version>2.0.1</version>
	</dependency>

                            
    libraryDependencies += "com.github.jacek-marchwicki" % "recyclerview-changes-detector" % "2.0.1"
        
        

                            
    :dependencies [[com.github.jacek-marchwicki/recyclerview-changes-detector "2.0.1"]]

Readme

Recycler View Changes Detector

V1 documentation

Build Status Jitpack Status

Lightweight library that simplifies creation of RecyclerView's Adapter:

  • Less boilerplate. No need to implement onCreateViewHolder, getItemViewType, onBindViewHolder, getItemId
  • Out of the box DiffUtil support. You don't have to implement the DiffUtil.ItemCallback() anymore.
  • Plug and play data models and view holders
  • Cleaner tests
  • RX support (optional)

How it looks

Screencast of the sample app

How to add to your project

repositories {
    maven { url "https://jitpack.io" }
}

dependencies {
    implementation 'com.github.jacek-marchwicki.recyclerview-changes-detector:universal-adapter:<look-on-release-tab>'
    // RX support
    implementation 'com.github.jacek-marchwicki.recyclerview-changes-detector:universal-adapter-rx:<look-on-release-tab>'
    implementation 'com.github.jacek-marchwicki.recyclerview-changes-detector:universal-adapter-rx2:<look-on-release-tab>'
    implementation 'com.github.jacek-marchwicki.recyclerview-changes-detector:universal-adapter-rx3:<look-on-release-tab>'
}

How to use

Let's assume that your list consits of headers, songs and a footer.

  • Implement data models for all list elements
data class HeaderItem(val text: String, val songsCount: Int, override val itemId: Any = text) : DefaultAdapterItem()

data class SongItem(val id: String, val title: String, val imageUrl: String, override val itemId: Any = id, val onSongClick: (id: String) -> Unit) : DefaultAdapterItem()

data class FooterItem(override val itemId: Any = NO_ID) : DefaultAdapterItem()
  • Implement a view holder for each data model to bind its data to the view. You have to specify item layout id and data model class.
class HeaderViewHolder : LayoutViewHolderManager<HeaderItem>(
    R.layout.item_header, HeaderItem::class, { HeaderViewHolder(it) }
) {
    class HeaderViewHolder(itemView: View) : BaseViewHolder<HeaderItem>(itemView) {
        override fun bind(item: HeaderItem) {
            itemView.item_header_tv.text = "${item.text} - ${item.songsCount}" 
        }
    }
}

class SongViewHolder(val imageLoader: ImageLoader) : LayoutViewHolderManager<SongItem>(
    R.layout.song_item, SongItem::class, { ViewHolder(it) }
) {
    class ViewHolder(itemView: View) : BaseViewHolder<SongItem>(itemView) {
        override fun bind(item: SongItem) {
            itemView.song_item.text = item.title
            itemView.setOnClickListener { item.onSongClick(item.id) }
            imageLoader.load(item.imageUrl).into(itemView.song_cover_iv)
        }
    }
}

class FooterViewHolder : LayoutViewHolderManager<FooterItem>(
    R.layout.item_footer, FooterItem::class, { ViewHolder(it) }
) {
    class ViewHolder(itemView: View) : BaseViewHolder<FooterItem>(itemView) {
        override fun bind(item: FooterItem) {}
    }
}
  • Setup the adapter and bind data:
val adapter = UniversalAdapter(listOf(headerViewHolder, songViewHolder, footerViewHolder))
recyclerView.adapter = adapter

// You'd rather create the items in a ViewModel/Presenter
adapter.submitList(listOf(
  HeaderItem(text="Album1"),
  Song(id="1", title="Song1"),
  Song(id="2", title="Song2"),
  HeaderItem(text="Album2"),
  Song(id="3", title="Song1"),
  FooterItem(),
));

DiffUtil support

DiffUtil is an androidx tool that calculates the difference between two lists submitted to adapter. Thanks to this, only modified elements are updated and not the whole list. It also applies a very nice animation that you can see on the GIF above. Normally you have to implement the DiffUtil.ItemCallback on your own and decide when your adapter elements has changed. Thanks to the data models you create by extending DefaultAdapterItem class, you don't have to do this any more. There are two conditions though that you have to satisfy:

  • you have to override val itemId: Any
  • your data models have to be either Kotlin data classes or override equals() and hashCode() methods.

Let's have a look at the example below:

data class SongItem(val id: String, val title: String, override val itemId: Any = id) : DefaultAdapterItem()
  • itemId is required to identify specific element in the list. In this case it is the song id as it is unique to the song. This is being used in the DiffUtil.ItemCallback.areItemsTheSame() method.
  • SongItem is a Kotlin data class so it overrides equals and hashCode by default. This is being used in the DiffUtil.ItemCallback.areContentsTheSame() method to identify whether element's content changed and need to be updated. If you'd like to alter this behaviour you can override equals and hashCode methods on your own.

Plug and play data models and view holders

As your models and view holders are not bound to any adapter, you can reuse them in every adapter. You don't have to specify the itemViewType in each adapter, just pass you view holder to adapter's constructor.

Cleaner tests

As your data models are being created in a ViewModel/Presenter, your test logic is very clean and simple

@Test
fun `when 2 of 4 registered students are attendees then student items correctly divided into sections`() {
    every { classDao.registeredStudents } returns Observable.just(
        listOf(
            ClassStudent("name1", attended = true),
            ClassStudent("name3", attended = false),
            ClassStudent("name2", attended = true),
            ClassStudent("name4", attended = false)
        )
    )
    viewModel = PastClassStudentsPresenter("fake_id", classDaos)

    viewModel.adapterItems
        .test()
        .assertValue(
            listOf(
                SectionNameItem("ATTENDED"),
                PastClassStudentItem("name1", true),
                PastClassStudentItem("name2", true),
                SectionNameItem("REGISTERED"),
                PastClassStudentItem("name3", false),
                PastClassStudentItem("name4", false)
            )
        )
}

RX support

universal-adapter-rx[x] modules lets you subscribe directly to adapter like this:

viewModel.adapterItems.subscribe(adapter)

You just have to use the RxUniversalAdapter class instead of regular UniversalAdapter.

You can also use the BaseRxViewHolder class that unsubscribes from your streams when RecyclerView elements are being recycled. That way you don't have to remember about unsubscribing. Here is the sample code that demonstrates that:

class SongViewHolder(private val imageLoader: ImageLoader) : LayoutViewHolderManager<SongItem>(
    R.layout.item_song, SongItem::class, { ViewHolder(it, imageLoader) }
) {
    class ViewHolder(itemView: View, private val imageLoader: ImageLoader) : BaseRxViewHolder<SongItem>(itemView) {

        // Here you bind all your streams
        override fun bindStreams(item: SongItem): Disposable = CompositeDisposable(
            item.isFavorite.subscribe { favorite ->
                itemView.fav_iv.alpha = if (favorite) 1f else 0f
            },
            itemView.clicks().subscribe {
                item.onSongClick(item.id)
            }
        )

        // Here you bind your regular data
        override fun bindData(item: SongItem) {
            itemView.item_song_title.text = item.title
            imageLoader.load(item.imageUrl).into(itemView.item_song_card)
        }
    }
}

Known issues

There is an issue in androidx.recyclerview version <= 1.1.0. If you use such version then you have to override LayoutManager.supportsPredictiveItemAnimations and return false to avoid crash that may happen during list animation.

layoutManager = object : LinearLayoutManager(context, RecyclerView.VERTICAL, false) {
    override fun supportsPredictiveItemAnimations(): Boolean {
            return false
        }
    }
}

More

For more look at the sample app at app/ directory.

License

Copyright [2016] [Jacek Marchwicki <jacek.marchwicki@gmail.com>]

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

	http://www.apache.org/licenses/LICENSE-2.0


Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.