Comment créer de la conception des matériaux "sur mesure" de la barre de défilement avec les chiffres et alphabets bulle recylerview

Que je comprends de votre question, vous voulez mettre en œuvre les "Défilement Rapide" fonctionnalité dans Android.

Cette fonction permet de faire défiler rapidement une grande liste. Vous pouvez facilement mettre en œuvre à l'aide de cette bibliothèque tierce.

Très simple, léger et est très de personnalisation de trop. Ne sous-estimez pas en regardant la capture d'écran ci-dessus. Vous pouvez facilement la faire ressembler à la capture d'écran que vous avez fournis. Je l'ai utilisé parfois en arrière dans une de mes applications, et a obtenu d'excellents résultats.

Utilisation

L'utilisation de cette bibliothèque est aussi simple. Vous avez juste besoin d'inclure ses QuickScroll mise en page et de mettre en œuvre la Scrollable interface sur votre BaseAdapter. En donnant ce widget le Matériau look-and-feel est vraiment simple.

Mise à jour

En raison de la demande des utilisateurs, pour tous ceux qui veulent savoir comment utiliser "Défilement Rapide" fonctionnalité dans RecyclerView, ici c'est pour vous tous. Vous pouvez utiliser cette bibliothèque.

Il peut vous donner des résultats qui est très proche (si elle n'est pas exacte) pour la capture d'écran fournie. Vous avez juste à utiliser RecyclerViewFastScroller widget dans votre mise en page.

Utilisation

Étape 1

Ajouter cette dépendance

compile 'xyz.danoz:recyclerviewfastscroller:0.1.3'

Étape 2

Maintenant dans votre XML, vous devez mettre ce widget

<android.support.v7.widget.RecyclerView
      android:id="@+id/recyclerView"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      />

  <xyz.danoz.recyclerviewfastscroller.vertical.VerticalRecyclerViewFastScroller
      android:id="@+id/fast_scroller"
      android:layout_width="@dimen/however_wide_you_want_this"
      android:layout_height="match_parent"
      android:layout_alignParentRight="true"
      />

et puis dans votre code,

public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
      View rootView = inflater.inflate(R.layout.recycler_view_frag, container, false);
      ...

      //Grab your RecyclerView and the RecyclerViewFastScroller from the layout
      RecyclerView recyclerView = (RecyclerView) rootView.findViewById(R.id.recyclerView);
      VerticalRecyclerViewFastScroller fastScroller = (VerticalRecyclerViewFastScroller) rootView.findViewById(R.id.fast_scroller);

      //Connect the recycler to the scroller (to let the scroller scroll the list)
      fastScroller.setRecyclerView(recyclerView);

      //Connect the scroller to the recycler (to let the recycler scroll the scroller's handle)
      recyclerView.setOnScrollListener(fastScroller.getOnScrollListener());

      ...
      return rootView;
  }

Il y a beaucoup d'attributs supplémentaires pour personnaliser la façon dont vous le souhaitez. Vous pouvez créer exactement le même look and feel de la capture d'écran que vous avez fournis.

L'aide d'une bibliothèque permet d'économiser beaucoup de temps, mais dans le cas si vous voulez construire cette fonction à partir de zéro, ici est un post très utile pour vous.

Espère que cela aide.

- Je utiliser cette nouvelle, maintenant -
https://github.com/L4Digital/FastScroll

Ci-dessous est ma précédente.

J'ai utilisé fastscroller par FutureMind dans Android Studio

https://github.com/FutureMind/recycler-fast-scroll

Utilisation

1) Compiler dépendance requise par l'ajout de

compiler 'com.futuremind.recyclerfastscroll:fastscroll:0.2.4'

2) Modifier la Disposition de Fichier à ajouter FastScroller

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

    <com.futuremind.recyclerviewfastscroll.FastScroller
        android:id="@+id/fastscroll"
        android:orientation="vertical"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:layout_alignParentRight="true"/>
</RelativeLayout>

3) Activité/Fragment associé fastScroller avec votre recycleur vue

    recyclerView = (RecyclerView) findViewById(R.id.recyclerview);
    fastScroller = (FastScroller) findViewById(R.id.fastscroll);
    recyclerView.setLayoutManager(new LinearLayoutManager(this));
    recyclerView.setAdapter(adapter);

    //has to be called AFTER RecyclerView.setAdapter()
    fastScroller.setRecyclerView(recyclerView);

4) Dans votre RecyclerView.Adaptateur de mettre en œuvre SectionTitleProvider pour afficher le contenu sur la Bulle

    public class MyAdapter ... implements SectionTitleProvider{

        ...

        @Override
        public String getSectionTitle(int position) {
            //this String will be shown in a bubble for specified position
            return getItem(position).substring(0, 1);
        }

    }