barre d'outils Collapsing avec TabLayout ne montrant pas la barre d'outils

Question

Je suis en train de faire la barre d'outils s'effondrer avec TabLayout comme suit

https://i.stack.imgur.com/76m5h.gif

mais mon résultat est comme ça

que vous pouvez voir la barre d'outils ne montre pas du tout. en java, je suis en train de barre d'outils comme actionbar utilisant

setSupportActionBar(toolbar); 

J'ai essayé beaucoup si des réponses et d'autres sites, mais pas en mesure de résoudre mon problème.

ci-dessous est le xml que j'utilise.

<?xml version="1.0" encoding="utf-8"?> 
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" 
    android:orientation="vertical" 
    tools:context=".MainActivity"> 

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

     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/collapsingToolbar" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      android:fitsSystemWindows="true" 
      app:contentScrim="?attr/colorPrimary" 
      app:expandedTitleMarginEnd="64dp" 
      app:expandedTitleMarginStart="48dp" 
      app:layout_scrollFlags="scroll|exitUntilCollapsed"> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:layout_collapseMode="pin" 
       app:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 
     </android.support.design.widget.CollapsingToolbarLayout> 
    </android.support.design.widget.AppBarLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:background="@color/bg_main" 
     android:orientation="vertical"> 

     <com.gigamole.navigationtabstrip.NavigationTabStrip 
      android:id="@+id/nts_strip" 
      android:layout_width="match_parent" 
      android:layout_height="30dp" 
      android:layout_gravity="top" 
      android:background="@color/colorPrimary" 
      app:layout_collapseMode="parallax" 
      app:nts_active_color="@color/white" 
      app:nts_animation_duration="300" 
      app:nts_color="@color/white" 
      app:nts_corners_radius="1.5dp" 
      app:nts_inactive_color="@color/white_transparent" 
      app:nts_titles="@array/nts_titles" /> 


     <android.support.v4.view.ViewPager 
      android:id="@+id/pager_photos" 
      android:layout_width="match_parent" 
      android:layout_height="0dp" 
      android:layout_weight="1" 
      android:background="@color/white_transparent" /> 
    </LinearLayout> 

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

ici est le styles.xml

<resources> 

    <!-- Base application theme. --> 
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar"> 
     <!-- Customize your theme here. --> 
     <item name="colorPrimary">@color/colorPrimary</item> 
     <item name="colorPrimaryDark">@color/colorPrimaryDark</item> 
     <item name="colorAccent">@color/colorAccent</item> 
    </style> 
</resources> 

S'il vous plaît laissez-moi savoir si vous avez besoin d'autre chose.

Answer 1

vous pouvez le faire avec l'activité de l'onglet android par défaut de la galerie. Pour ce bon paquet de clickOn où vous voulez create-> cliquez sur le nouveau Accédez à galerie-> choisir Tabbed activity -> dans la fenêtre de choix de style de navigation comme Action bar tabs(with viewpager)

Answer 2

CoordinatorLayout est un FrameLayout, donc la dernière vue pour chevauche la première ceux Ajoutez app:layout_behavior="@string/appbar_scrolling_view_behavior" à LinearLayout pour l'ancrer au bas de AppBarLayout.