CoordinatorLayout à l'aide de la ViewPager de RecyclerView

Je suis l'aide de la vue CoordinatorLayout de android.support.design. Je veux joindre le app:layout_behavior pour le fragment de la RecyclerView?

Dans l'exemple donné par Google, ils ne l'attacher dans le RecyclerView de le même fichier XML où la CoordinatorLayout était attaché.

Est-il un moyen de joindre CoordinatorLayout pour le fragment de la RecyclerView dans le ViewPager?

L'échantillon est en ce blog à des Développeurs Android blog.

InformationsquelleAutor Rod_Algonquin | 2015-05-29
  1. 59

    Chris Banes a posté un échantillon sur Github qui montre exactement ce que vous voulez faire.

    Voici le fichier xml qui définit comment on peut indirectement joindre un coordonnateur de la mise en page à la viewpager fragments.

    <android.support.design.widget.CoordinatorLayout 
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_content"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
            app:layout_scrollFlags="scroll|enterAlways" />

        <android.support.design.widget.TabLayout
            android:id="@+id/tabs"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" />

    </android.support.design.widget.AppBarLayout>

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="end|bottom"
        android:layout_margin="@dimen/fab_margin"
        android:src="@drawable/ic_done" />

</android.support.design.widget.CoordinatorLayout>

    L'idée est de laisser la viewpager ont la layout_behavior attribut.

    • avez-vous le lien à partir de github?
    • github.com/chrisbanes/cheesesquare/blob/master/app/src/main/res/...
    • comment u résolu ? stackoverflow.com/questions/32288013/...
    • Est-il possible d'utiliser app:layout_behavior sur tout point de vue dans un viewpager? Par exemple , la non-recyclerview comme le scrollview?
    • salut comment à la vue de conception avec défilement de viewpager et recycleur de la carte d'affichage le long avec barre de recherche lorsque l'utilisateur de faire défiler l'effondrement de la viewpager des images et des changements à la barre d'outils ressemble à google play store s'il vous plaît aidez-moi avec tiroir de navigation
    • Cela fonctionne lorsque j'ai RecyclerView à l'intérieur du fragment, mais quand je mets BottomModalSheet il ne fonctionne pas. Il ne ramasse pas de faire défiler les événements. Une idée?

    InformationsquelleAutor androholic
  2. 14

    Cela peut être stupide, mais il n'a pas travaillé en raison du fait que la construction de l'outil n'a pas été mis à jour dans le build.gradle de la version de l'application à 22 ans, j'ai été en utilisant 21 c'est pourquoi il ne fonctionne pas comme attendu.

    Edit:

    Aussi ce SanderTuit dit: ajout de com.android.support:recyclerview-v7:22.2.0 permettra également de résoudre le problème

    • Je voudrais ajouter à ce que vous avez besoin de la dernière RecyclerView ainsi: com.android.support:recyclerview-v7:22.2.0.
    • Sauvé ma journée! Merci!
    • Est il possible que je peux garder toutes les bibliothèques de prise en charge à la Version la plus récente, sans modifier le build.gradle à chaque fois?
    • vous pouvez toujours mettre de signe plus après la version pour indiquer à utiliser la dernière version de la bibliothèque, com.android.support:design:22.+
    • J'en ai une comme ça, mais il semble que Android Studio est toujours pas de mise à jour. Est-il un "check for updates" bouton?
    • salut comment à la vue de conception avec défilement de viewpager et recycleur de la carte d'affichage le long avec barre de recherche lorsque l'utilisateur de faire défiler l'effondrement de la viewpager des images et des changements à la barre d'outils ressemble à google play store s'il vous plaît aidez-moi avec tiroir de navigation

    InformationsquelleAutor Rod_Algonquin
  3. 6

    Utiliser un FrameLayout et d'injecter votre fragment dans FrameLayout. Définissez ensuite
    app:layout_behavior à elle. La seule chose que vous devez faire est de régler layout_behavior
    pour un frère ou une sœur de AppBayLayout et que frère sera en dessous de la barre d'outils.

    <android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/main_content"
android:layout_width="match_parent"
android:layout_height="match_parent">

<android.support.design.widget.AppBarLayout
    android:id="@+id/appbar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        app:layout_scrollFlags="scroll|enterAlways" />

    <android.support.design.widget.TabLayout
        android:id="@+id/tabs"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</android.support.design.widget.AppBarLayout>

<FrameLayout
    android:id="@+id/frame"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior" />

</android.support.design.widget.CoordinatorLayout>
    • Est-il testé? Je veux dire que j'ai une mise en page similaire, mais la barre d'outils ne répondent pas aux événements de défilement de viewpager à l'intérieur de mon fragment (qui est injecté dans l'FrameLayout)
    • Ne fonctionne pas pour moi
    • Le CoordinatorLayout doesnot de défilement lors de la Framelayout contient un recycleur de Vue.
    • Fonctionne pour moi avec un RecyclerView comme Fragment racine dans @+id/frame
    InformationsquelleAutor Jam
  4. 4

    J'ai récemment eu le même problème mentionné dans le post et les solutions ci-dessus ne fonctionne pas pour moi. Heureusement, j'ai réussi à le résoudre. Donc, juste pour partager ce que je publie ici

    Le problème est que dans mon code j'avais mis 

    recyclerView.setNestedScrollingEnabled(false);

    en raison de laquelle la barre de l'application n'a pas été répondu à recyclerView de parchemins malgré le réglage de la layout_behaviour attribut à la viewPager. La modification de la mentionnés ci-dessus attribut

    recyclerView.setNestedScrollingEnabled(true);

    résolu le problème et la barre d'applications ont commencé à répondre à la recylerView de défilement.

    • U a sauvé ma journée. J'ai été stupide. J'ai eu le même code. Et je ne savais même pas ce que le code est pour quand j'ai inséré. setNestedScrollingEnabled est nécessaire si le RecyclerView est enveloppé avec NestedScrollView mais il supprime RecyclerView's recycler fonction.
    InformationsquelleAutor Majeed Khan
  5. 1

    Après quelques tests, j'ai trouvé que mettre le TabLayout à l'extérieur AppBarLayout, sera œuvres, quel que soit le viewpager du Fragment contient. C'est ma principale xml. 

    <com.tqmall.legend.konwledge.view.VerticalSwipeRefreshLayout       xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/swipe_refreshLayout"
android:layout_width="match_parent"
android:layout_height="match_parent">
<android.support.design.widget.CoordinatorLayout
android:id="@+id/coordinator_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#FFE6ECF0">
<android.support.design.widget.AppBarLayout
android:id="@+id/kn_main_appbar"
android:layout_width="match_parent"
android:layout_height="wrap_content">
<android.support.design.widget.CollapsingToolbarLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:contentScrim="@android:color/black"
app:layout_scrollFlags="scroll|exitUntilCollapsed">
<include
layout="@layout/banner_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0.9" />
<android.support.v7.widget.Toolbar
android:layout_width="match_parent"
android:layout_height="?attr/actionBarSize"
android:layout_gravity="bottom"
android:background="#33000000"
app:layout_collapseMode="parallax"
app:layout_collapseParallaxMultiplier="0"
app:popupTheme="@style/ThemeOverlay.AppCompat.Light">
</android.support.v7.widget.Toolbar>
</android.support.design.widget.CollapsingToolbarLayout>
</android.support.design.widget.AppBarLayout>
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
app:layout_behavior="@string/appbar_scrolling_view_behavior">
<android.support.design.widget.TabLayout
android:id="@+id/main_fragment_issue_list_tab"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_gravity="center_horizontal"
app:tabGravity="center"
app:tabIndicatorColor="#FF2CA2D5"
app:tabPaddingEnd="30sp"
app:tabPaddingStart="30sp"
app:tabSelectedTextColor="#FF2CA2D5"
app:tabTextColor="#FF4F5354" />
<android.support.v4.view.ViewPager
android:id="@+id/main_fragment_issue_list_pager"
android:layout_width="match_parent"
android:layout_height="match_parent" />
</LinearLayout>
    • Alors que ce lien peut répondre à la question, il est préférable d'inclure les parties essentielles de la réponse et de fournir le lien de référence. Lien-ne répond peut devenir non valide si la page liée changements.
    • Merci 🙂 , je vais le modifier.
    • Comment concevoir Flipkart écran d'accueil design avec coordinatetoolbar avec viewpager images et recyclerview searchview conception de mise en page
    InformationsquelleAutor weimin wang
  6. -1

    Je vais avoir le même problème, j'ai résolu le défilement, mais en mettant la barre d'outils et les onglets à l'intérieur de la barre de l'application et de l'emballer et de le viewpager avec un coordinatorlayout.
    Également dans la mise en page de mon recycler vue(être gonflés) - je ajouter de la layout_behavior. Il fonctionne, mais le problème est que tout est les uns sur les autres.

    C'est ma page principale

     <android.support.design.widget.CoordinatorLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@+id/music_foot"
>
<android.support.v4.view.ViewPager
android:layout_width="match_parent"
android:layout_height="match_parent"
android:id="@+id/view_pager"
/>
<view
android:layout_width="match_parent"
android:layout_height="wrap_content"
class="android.support.design.widget.AppBarLayout"
android:id="@+id/appBar"
> 
<android.support.v7.widget.Toolbar
android:layout_width="match_parent"
android:layout_height="56dp"
android:background="#1e88e5"
android:id="@+id/toolbar"
app:layout_scrollFlags="scroll|enterAlways"
></android.support.v7.widget.Toolbar>
<view
android:layout_width="match_parent"
android:layout_height="56dp"
class="com.astuetz.PagerSlidingTabStrip"
android:id="@+id/pager_tabs"
android:layout_below="@+id/appBar"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true" />
</view>

    et c'est ma mise en page de la carte

       <android.support.v7.widget.RecyclerView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:layout_behavior="@string/appbar_scrolling_view_behavior"
android:id="@+id/recycleView" />

    Si je le faire fonctionner mieux ill vous dire.

    InformationsquelleAutor Tarek Srour