Ajouter deux sections dans recyclerview android

Si vous êtes à la recherche d'une solution qui n'a pas besoin d'utiliser codé en dur-tête/ligne index, vous pouvez utiliser la bibliothèque SectionedRecyclerViewAdapter.

D'abord créer une Section de la classe de regrouper vos achats:

class MySection extends StatelessSection {

    String title;
    List<String> list;

    public MySection(String title, List<String> list) {
        //call constructor with layout resources for this Section header, footer and items 
        super(R.layout.section_header, R.layout.section_item);

        this.title = title;
        this.list = list;
    }

    @Override
    public int getContentItemsTotal() {
        return list.size(); //number of items of this section
    }

    @Override
    public RecyclerView.ViewHolder getItemViewHolder(View view) {
        //return a custom instance of ViewHolder for the items of this section
        return new MyItemViewHolder(view);
    }

    @Override
    public void onBindItemViewHolder(RecyclerView.ViewHolder holder, int position) {
        MyItemViewHolder itemHolder = (MyItemViewHolder) holder;

        //bind your view here
        itemHolder.tvItem.setText(list.get(position));
    }

    @Override
    public RecyclerView.ViewHolder getHeaderViewHolder(View view) {
        return new SimpleHeaderViewHolder(view);
    }

    @Override
    public void onBindHeaderViewHolder(RecyclerView.ViewHolder holder) {
        MyHeaderViewHolder headerHolder = (MyHeaderViewHolder) holder;

        //bind your header view here
        headerHolder.tvItem.setText(title);
    }

    public void addRow(String item) {
        this.list.add(item);
    }

}

Alors vous configurez le RecyclerView avec vos Sections:

//Create an instance of SectionedRecyclerViewAdapter 
SectionedRecyclerViewAdapter sectionAdapter = new SectionedRecyclerViewAdapter();

//Create your sections with the list of data
MySection favoritesSection = new MySection("Favorites", favoritesList);
MySection contactsSection = new MySection("Add Favorites", contactsList);

//Add your Sections to the adapter
sectionAdapter.addSection(favoritesSection);
sectionAdapter.addSection(contactsSection);

//Set up your RecyclerView with the SectionedRecyclerViewAdapter
RecyclerView recyclerView = (RecyclerView) findViewById(R.id.recyclerview);
recyclerView.setLayoutManager(new LinearLayoutManager(getContext()));
recyclerView.setAdapter(sectionAdapter);

Vous pouvez également ajouter de nouvelles lignes de vos articles sans avoir à recalculer les indices:

favoritesSection.addRow("new item");
sectionAdapter.notifyDataSetChanged();

De votre carte getItemViewType Mise en page comme ceci ....

@Override
    public int getItemViewType(int position) {
        if (mCountriesModelList.get(position).isSection) {
            return SECTION_VIEW;
        } else {
            return CONTENT_VIEW;
        }
    }

https://github.com/sayanmanna/LetterSectionedRecyclerView

Alternative à l'utilisation d'un tiers de la bibliothèque ou à l'aide de la logique personnalisée pour ajouter un en-tête de RecyclerView, il y a une solution beaucoup plus simple à l'aide du kit SDK d'Android. Vous pouvez simplement utiliser ExpandableListView. Vous pensez peut-être qu'il fait la liste réductible, mais il y a une chose très simple que vous pouvez faire pour éviter de faire de même. Dans la classe d'adaptateur pour ExpandableListView, dans le getGroupView méthode, il suffit d'ajouter la ligne suivante:

(parent as ExpandableListView).expandGroup(groupPosition)

La méthode ressemblerait à quelque chose comme ceci:

override fun getGroupView(groupPosition: Int, isExpanded: Boolean, convertView: View?, parent: ViewGroup?): View {
    var view = convertView
    if (convertView == null) {
        val layoutInflater = context
            .getSystemService(LAYOUT_INFLATER_SERVICE) as LayoutInflater
        view = layoutInflater.inflate(R.layout.group_view, null)
    }
    /*
     Code to populate your data
     */

    //The following code will expand the group whenever the group view is inflated
    (parent as ExpandableListView).expandGroup(groupPosition)
    return view
}

Cela fonctionne simplement en raison de la façon dont ExpandableListView carte fonctionne. Chaque fois que vous essayez de réduire un en-tête de groupe, il appelle la getGroupView méthode(de sorte que vous pouvez gonfler un point de vue différent pour l'expansion/état effondré). Mais vous êtes l'expansion du groupe dans cette méthode, d'où la vue n'a jamais vraiment s'effondre, effectivement vous donner un sectionné liste apparence.

Attendre pour une ligne mentionnée ci-dessus, toute autre partie de la même est exactement comme vous le feriez avec un normal ExpandableListView, n'est donc pas un bit supplémentaire de personnalisation que vous devez faire.