2015-09-29 40 views
6

Ho un problema con "barra degli strumenti con testo titolo" Non comprimere mentre si scorre verso l'alto in CollapsingToolbarLayout.Barra degli strumenti Android collapseModello problema

Ho provato alcune modifiche, utilizzando l'app : layout_collapseMode = "none" come attributo nel mio android.support.v7.widget.Toolbar ma non funziona. Forse c'è un problema con il mio layout.

Di seguito è quello che sto cercando di raggiungere.

Trying to Achieve

Ma quando ho scorrere verso l'alto, la barra degli strumenti anche collasso, e la barra delle linguette Scrolls anche dentro, e diventare non visibile. di seguito è quello che ho ora.

what i have now

Questo è il mio codice layout

<android.support.design.widget.CoordinatorLayout 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"> 

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



     <android.support.design.widget.CollapsingToolbarLayout 
      android:id="@+id/collapsing_toolbar" 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      app:contentScrim="?attr/colorPrimary" 
      app:layout_scrollFlags="scroll|enterAlways"> 

      <FrameLayout 
       android:layout_width="match_parent" 
       android:layout_height="250dp" 
       app:layout_collapseMode="parallax" 
       app:layout_collapseParallaxMultiplier="0.7"> 

       <ImageView 
        android:id="@+id/backdrop" 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:scaleType="centerCrop" /> 

       <View 
        android:layout_width="match_parent" 
        android:layout_height="match_parent" 
        android:background="#20000000" /> 

      </FrameLayout> 

      <android.support.v7.widget.Toolbar 
       android:id="@+id/toolbar" 
       app:popupTheme="@style/ThemeOverlay.AppCompat.Light" 
       android:layout_width="match_parent" 
       android:layout_height="?attr/actionBarSize" 
       app:layout_collapseMode="none" 
       > 
       <TextView 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:text="Application Title" 
        android:textColor="#fff" 
        android:textSize="18sp" /> 
      </android.support.v7.widget.Toolbar> 




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



     <android.support.design.widget.CollapsingToolbarLayout 
      android:layout_width="match_parent" 
      android:layout_height="wrap_content" 
      app:layout_scrollFlags="scroll|enterAlways"> 

      <android.support.design.widget.TabLayout 
       android:id="@+id/detail_tabs" 
       android:layout_width="match_parent" 
       android:layout_height="60dp" 
       app:layout_collapseMode="pin" 

       android:background="#00000000" 
       app:tabSelectedTextColor="#3498db" 
       app:tabTextColor="#000" /> 
      /> 

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

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

    <android.support.v4.view.ViewPager 
     android:id="@+id/viewpager" 
     android:layout_width="match_parent" 
     android:layout_height="match_parent" 
     android:background="#333" 
     app:layout_behavior="@string/appbar_scrolling_view_behavior" /> 
</android.support.design.widget.CoordinatorLayout> 

Dipendenze

dependencies { 
    compile fileTree(dir: 'libs', include: ['*.jar']) 
    compile "com.android.support:appcompat-v7:22.2.1" 
    compile "com.android.support:support-annotations:22.2.1" 
    compile "com.android.support:design:22.2.1" 
    compile 'com.android.support:recyclerview-v7:22.2.1' 
    compile 'com.android.support:cardview-v7:22.2.1' 

} 

risposta

8

try questo ...

Devi usare app: layout_scrollFlag s = "scroll | exitUntilCollapsed" invece di app: layout_scrollFlags = "scroll | enterAlways" all'interno del CollapsingToolbarLayout

e utilizzare app: layout_collapseMode = "pin" all'interno della barra degli strumenti

<android.support.design.widget.CollapsingToolbarLayout 
     android:id="@+id/collapsing_toolbar" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     app:layout_scrollFlags="scroll|exitUntilCollapsed" 
     app:contentScrim="?attr/colorPrimary" > 

     <FrameLayout 
      android:layout_width="match_parent" 
      android:layout_height="250dp" 
      app:layout_collapseMode="parallax" 
      app:layout_collapseParallaxMultiplier="0.7" > 

      <ImageView 
       android:id="@+id/backdrop" 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:scaleType="centerCrop" /> 

      <View 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:background="#20000000" /> 
     </FrameLayout> 

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

      <TextView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:text="Application Title" 
       android:textColor="#fff" 
       android:textSize="18sp" /> 
     </android.support.v7.widget.Toolbar> 

    </android.support.design.widget.CollapsingToolbarLayout> 
+0

Sì, ha funzionato, grazie per la risposta! , per favore hai qualche link dove posso saperne di più su come gestire meglio i layout? –

+0

http://www.sitepoint.com/material-design-android-design-support-library/ –

+0

Does "app: layout_collapseMode =" pin "" funziona solo per la barra degli strumenti? –

5

Nella barra degli strumenti fare questo:

app:layout_collapseMode="pin" 

perno viene utilizzato di spinatura il layout in alto quando il collasso barra di layout rotoli

parallasse viene utilizzato per nascondere il layout quando collasso scorre barra alla parte superiore

+0

Grazie per la risposta, "Ora conserva mentre scorrono gradualmente", MA non appena si passa alla posizione della barra degli strumenti, la barra degli strumenti viene spinta verso l'alto e diventa non visibile. –

+0

Potrebbe esserci qualcosa di sbagliato nel mio layout esistente? –

+0

fammi controllare per favore – Aakash

Problemi correlati