Comment ajouter un rouleau compresseur fast-scroller à la RecyclerView

je suis tombé sur cette question il y a quelques jours quand je suis tombé dans cette situation. Voici mon exemple de mise en œuvre de FastScroll pour RecyclerView :

github.com/danoz73/RecyclerViewFastScroller

essayez d'exécuter l'application d'exemple, et parcourez le code pour voir une utilisation assez simple d'un widget RecyclerViewFastScroller simple. Il y a des informations sur github, mais je vais inclure la base l'utilisation ici pour une verticale rapide molette.

pour un exemple complet, reportez-vous à la exemple d'application dans le rapport .

Usage De Base

dans l'activité ou le fragment XML où réside votre RecyclerView, incluez un objet VerticalRecyclerViewFastScroller. L'exemple suivant serait dans une disposition relative:

...
  <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"
    />
...

dans votre fragment ou activité où vous mettez en place la mise en page par programmation, le raccordement de la rapide molette pour le recycleur:

...
  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;
  }
...

Espérons que cette aide!

EDIT : il y a maintenant le soutien ajouté pour Android-Lollipop-Contacts-les indicateurs de section de style! Consultez l'exemple de mise en œuvre de l'application pour plus de détails.

Il ya beaucoup de questions sans réponse sur RecyclerView et fast-scroll/indexeur de section , essayons de regrouper et de recueillir nos opinions et informations ici.

la réponse courte est: Non, vous ne pouvez pas activer le défilement rapide parce que RecyclerView ne contient pas un FastScroller " objet et Aucune variable liée à l'état logique. Cela parce que RecyclerView n'est pas un AbsListView .

d'un autre côté, il n'est pas impossible de mettre en œuvre un RecyclerView qui contient une version" dumped " de FastScroller et la logique nécessaire pour le défilement rapide, mais je n'ai pas vu aucune mise en œuvre de cela jusqu'à présent.

s'il vous plaît partagez votre considération à ce sujet ou si vous pensez que j'ai tort.

la bibliothèque de Soutien Android 26.0.0 prend maintenant en charge fastScrollEnabled

New fastScrollEnabled drapeau booléen pour RecyclerView.

si activé, fastScrollHorizontalThumbDrawable, fastscrolllhorizontaltrackdrawable, fastScrollVerticalThumbDrawable, et fastScrollVerticalTrackDrawable doivent être définis.

Sample - https://android.jlelse.eu/fast-scrolling-with-recyclerview-2b89d4574688

vous pouvez aussi bien utiliser A-Z Fastscroll pour RecyclerView. C'est l'iOS style.

https://github.com/code-computerlove/FastScrollRecyclerView /

comment l'utiliser:

• remplacer android.support.v7.widget.RecyclerView par com.codecomputerlove.fastscrollrecyclerviewdemo.FastScrollRecyclerView
• votre adaptateur doit implémenter FastScrollRecyclerViewInterface et remplacer getMapIndex() . La fonction doit retourner le mapIndex. Regarder en calculateIndexesForName() pour l'inspiration sur la façon de le créer. Une fois créé passer à l'adaptateur dans le constructeur.
• créer une instance de FastScrollRecyclerViewItemDecoration et l'ajouter sur votre RecyclerView FastScrollRecyclerViewItemDecoration decoration = new FastScrollRecyclerViewItemDecoration(this); mRecyclerView.addItemDecoration(decoration);
• ajouter <dimen name="fast_scroll_overlay_text_size">100dp</dimen> à votre "151970920 de fichier". C'est la taille dp de la lettre superposée

vous pouvez essayer notre lib: https://github.com/FutureMind/recycler-fast-scroll . Il est encore en développement, mais a été construit spécifiquement pour traiter la question de smoothness que nous avons expérimenté avec d'autres bibliothèques. Il utilise un peu mécanisme différent. Il soutient LayoutManager horizontal aussi bien que et soutiendra également des configurations multi-colonnes dans un avenir proche.

Edit: il y a maintenant quelques options de personnalisation soignées.

la fonctionnalité FastScroller est ajoutée de la bibliothèque android 26.0.0 pour RecyclerView

compiler dependency

    compile 'com.android.support:recyclerview-v7:26.1.0'
    compile 'com.android.support:design:26.1.0'

ajouter depedency au projet.gradle

     maven {
            url "https://maven.google.com"
        }

votre recyclerview.fichier xml

    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    xmlns:tool="http://schemas.android.com/tools"
    android:layout_height="match_parent"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:orientation="vertical"
    tool:context=".MainActivity">
    <android.support.v7.widget.RecyclerView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                xmlns:app="http://schemas.android.com/apk/res-auto"
                android:id="@+id/songlist"
                android:layout_marginStart="8dp"
                android:layout_marginEnd="8dp"
                app:fastScrollEnabled="true"
              app:fastScrollVerticalThumbDrawable="@drawable/thumb_drawable"
                app:fastScrollVerticalTrackDrawable="@drawable/line_drawable"
                app:fastScrollHorizontalThumbDrawable="@drawable/thumb_drawable"
                app:fastScrollHorizontalTrackDrawable="@drawable/line_drawable"
               /></LinearLayout>

pouce.xml

   <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">

    <corners
        android:topLeftRadius="44dp"
        android:topRightRadius="44dp"
        android:bottomLeftRadius="44dp"
        android:bottomRightRadius="44dp" />

    <padding
        android:paddingLeft="22dp"
        android:paddingRight="22dp" />

    <solid android:color="#f73831" />

</shape>

de ligne.xml

    <?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">

    <solid android:color="@color/dark_grey" />

    <padding
        android:top="10dp"
        android:left="10dp"
        android:right="10dp"
        android:bottom="10dp"/>
</shape>

thumb_drawable.xml

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/thumb"
        android:state_focused="true"
        android:state_pressed="true" />

    <item android:drawable="@drawable/thumb"
        android:state_focused="false"
        android:state_pressed="true" />
    <item android:drawable="@drawable/thumb" 
            android:state_focused="true" />
    <item android:drawable="@drawable/thumb"
        android:state_focused="false"
        android:state_pressed="false" />
</selector>

line_drawble.xml

    <?xml version="1.0" encoding="utf-8"?>
    <selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/line"
        android:state_focused="true"
        android:state_pressed="true" />

    <item android:drawable="@drawable/line"
        android:state_focused="false"
        android:state_pressed="true" />
    <item android:drawable="@drawable/line" 
            android:state_focused="true" />
    <item android:drawable="@drawable/line"
        android:state_focused="false"
        android:state_pressed="false" />
</selector>

il y a une disposition d'application de barres de défilement avec RecycleView et son LayoutManager .

par exemple: computeVerticalScrollExtent() , computeVerticalScrollOffset() et computeVerticalScrollRange() peuvent fournir des informations pour toujours le positionnement d'un pouce de rouleau vertical à l'endroit correct.

ces méthodes sont également là dans LayoutManager pour la délégation réelle mesure. L'implémentation LayoutManager utilisée doit donc soutenir ces mesures.

aussi, drag touch on scroll thumb peut être intercepté en écrasant onInterceptTouchEvent() de RecyclerView . Et après avoir calculé le rouleau désiré, scrollTo() peut être appelé pour mettre à jour RecyclerView .

il suffit d'activer le défilement rapide et ajouter pouce, tracker pour barre de défilement comme ci-dessous.

<android.support.v7.widget.RecyclerView
android:id="@+id/rv_sensors"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:fastScrollEnabled="true"
app:fastScrollHorizontalThumbDrawable="@drawable/thumb_drawable"
app:fastScrollHorizontalTrackDrawable="@drawable/line_drawable"
app:fastScrollVerticalThumbDrawable="@drawable/thumb_drawable"
app:fastScrollVerticalTrackDrawable="@drawable/line_drawable" />