m2f/sectioned-recyclerview

Implement a multi-sectioned RecyclerView using a custom adapter interface. Includes extra features like expand/collapse. https://aidanfollestad.com

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.m2f:sectioned-recyclerview:0.4.2'
	}

	dependencies {
		implementation("com.github.m2f:sectioned-recyclerview:0.4.2")
	}

	<dependency>
	    <groupId>com.github.m2f</groupId>
	    <artifactId>sectioned-recyclerview</artifactId>
	    <version>0.4.2</version>
	</dependency>


                            
    libraryDependencies += "com.github.m2f" % "sectioned-recyclerview" % "0.4.2"


                            
    :dependencies [[com.github.m2f/sectioned-recyclerview "0.4.2"]]

Readme

Sectioned RecyclerView

Sectioned RecyclerView allows you to easily split a RecyclerView into sections with headers.

Gradle Dependency

The Gradle dependency is available via jCenter. jCenter is the default Maven repository used by Android Studio.

Dependency

Add this to your module's build.gradle file:

dependencies {
    // ... other dependencies
    compile 'com.afollestad:sectioned-recyclerview:0.4.1'
}

Adapter

Here's a basic example:

public class MainAdapter extends SectionedRecyclerViewAdapter<MainAdapter.MainVH> {

  @Override
  public int getSectionCount() {
    return 20; // number of sections.
  }

  @Override
  public int getItemCount(int section) {
    return 8; // number of items in section (section index is parameter).
  }

  @Override
  public void onBindHeaderViewHolder(MainVH holder, int section, boolean expanded) {
    // Setup header view.
  }

  @Override
  public void onBindViewHolder(MainVH holder, int section, int relativePosition, int absolutePosition) {
    // Setup non-header view.
    // 'section' is section index.
    // 'relativePosition' is index in this section.
    // 'absolutePosition' is index out of all non-header items.
    // See sample project for a visual of how these indices work.
  }

  @Override
  public MainVH onCreateViewHolder(ViewGroup parent, int viewType) {
    // Change inflated layout based on 'header'.
    int layoutRes = viewType == VIEW_TYPE_HEADER ? R.layout.header : R.layout.normal;
    View v = LayoutInflater.from(parent.getContext())
      .inflate(layoutRes, parent, false);
    return new MainVH(v);
  }

  public static class MainVH 
    extends SectionedViewHolder
    implements View.OnClickListener {

    public MainVH(View itemView) {
      super(itemView);
      // Setup view holder.
      // You'd want some views to be optional, e.g. for header vs. normal.
      itemView.setOnClickListener(this);
    }
    
    @Override
    public void onClick(View view) {
      // SectionedViewHolder exposes methods such as:
      boolean isHeader = isHeader();
      ItemCoord position = getRelativePosition();
      int section = position.section();
      int relativePos = position.relativePos();
    }
  }
}

Expanding and Collapsing Sections

Expanding and collapsing sections is easy:

MainAdapter adapter = // ...
adapter.expandSection(int);
adapter.collapseSection(int);
adapter.toggleSectionExpanded(int);
boolean isExpanded = adapter.isSectionExpanded(int);

Hiding Empty Sections

You can tell the adapter to hide sections which have no items.

MainAdapter adapter = // ...
adapter.shouldShowHeadersForEmptySections(false);

Notifying Adapter of Section Changes

Like notifyDataSetChanged(), notifyItemInserted(int), notifyItemRemoved(int) (etc.), the sectioned adapter provides a method called notifySectionChanged(int). It notifies the adapter that every item in that section has changed, rather than every item in the whole adapter. onBindViewHolder will be called again for each item in the section.

You should not use this method when a section has been added or removed. You should always use notifyDataSetChanged() for that to avoid data corruption in the adapter.

Layout Manager

If you're using a LinearLayoutManager, you're all set. If you're using a GridLayoutManager, you need to tell the adapter:

GridLayoutManager manager = // ...
adapter.setLayoutManager(manager);

This is vital to getting headers to span all columns.