2015-08-11 23 views
7

Ho un'attività Android che utilizza un CollapsingToolbarLayout all'interno di un CoordinatorLayout per ottenere una barra di scorrimento/compressione con un'immagine come sfondo/banner.Imposta l'altezza iniziale dell'immagine parallasse in CollapsingToolbarLayout

L'immagine viene caricata da Internet e non conosco le sue dimensioni in anticipo.

Vorrei che la barra degli strumenti avesse inizialmente una certa altezza (160 dpi), ma se l'immagine è più grande di questa, vorrei quindi consentire all'utente di scorrere ancora più in basso per rivelare il resto dell'immagine. Tuttavia, questo non dovrebbe mai accadere automaticamente. Lo stato iniziale è 160dp altezza, ma l'utente dovrebbe essere in grado di scorrere verso il basso per aumentare ulteriormente l'altezza dell'immagine.

Non riesco a trovare la combinazione corretta di altezza/peso per ottenere ciò. È addirittura possibile?

Ecco il mio layout:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    xmlns:app="http://schemas.android.com/apk/res-auto" 
    android:orientation="vertical" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    android:fitsSystemWindows="true" 
    android:background="@color/toolbar_text"> 

    <android.support.design.widget.CoordinatorLayout 
      android:id="@+id/coordinatorLayout" 
      android:layout_width="match_parent" 
      android:layout_height="match_parent" 
      android:fitsSystemWindows="true"> 

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

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

       <!-- The background banner --> 
       <ImageView 
         android:id="@+id/imgBanner" 
         android:layout_width="match_parent" 
         android:layout_height="160dp" 
         android:scaleType="centerCrop" 
         android:fitsSystemWindows="true" 
         app:layout_collapseMode="parallax"/> 

       <android.support.v7.widget.Toolbar 
         android:id="@+id/toolbar" 
         android:layout_width="match_parent" 
         android:layout_height="?attr/actionBarSize" 
         app:layout_collapseMode="pin" 
         app:theme="@style/AppToolbarTheme" /> 

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

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

     <android.support.v4.widget.NestedScrollView 
       android:layout_width="match_parent" 
       android:layout_height="match_parent" 
       android:layout_gravity="fill_vertical" 
       android:clipToPadding="false" 
       app:layout_behavior="@string/appbar_scrolling_view_behavior" > 

       ... 
     </android.support.v4.widget.NestedScrollView> 

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

</LinearLayout> 

L'altezza l'immagine del banner è impostato su 160dp che controlla quanto sia grande la barra degli strumenti è inizialmente, ma ovviamente in questo modo non può estendersi oltre la 160dp perché questo è il altezza della vista. Ho provato a impostare altezza 160dp su CollapsingToolbarLayout o AppBarLayout ma niente aiuta, è sempre massimo 160dp in altezza e posso solo farlo scorrere verso l'alto (immagine più piccola) e non verso il basso, anche se l'immagine è molto più grande e ImageView è impostato su scala come wrap_content.

Ecco un disegno di quello che voglio ottenere nel caso in cui non è chiaro: Mockup of what I want

+0

Sto provando ad avere la stessa identica cosa. Sei riuscito a farlo funzionare? –

risposta

4

Ecco un modo hacky per ottenere questo risultato, non sono sicuro di un modo migliore ma mi piacerebbe sentire . Scopri ControllableAppBarLayout

Posto che il codice nel progetto e sostituire:

android.support.design.widget.AppBarLayout 

Con:

ControllableAppBarLayout 

Impostare l'Android: layout_height di ControllableAppBarLayout per essere la dimensione massima della barra degli strumenti, vale a dire la dimensione che desideri nella tua immagine "scorri più in basso".

Poi, nel codice nel metodo onCreate(), è possibile ottenere l'accesso al ControllableAppBarLayout:

appBarLayout = (ControllableAppBarLayout) findViewById(R.id.appBarLayout); 
appBarLayout.collapseToolbar(); 

appBarLayout.collapseToolbar() sarà completamente chiudere la barra degli strumenti. Tuttavia, è possibile modificare questo metodo in ControllableAppBarLayout:

private void performCollapsingWithoutAnimation() { 
    if (mParent.get() != null) { 
     mBehavior.onNestedPreScroll(mParent.get(), this, null, 0, getHeight(), new int[]{0, 0}); 
    } 
} 

specificamente, cambiare getHeight() per il numero di dp che rappresenta la differenza tra l'altezza massima di immagine della barra degli strumenti e l'altezza che si desidera mostrare inizialmente. Cioè, la differenza tra "stato iniziale" e "scorrimento più in basso" come hai mostrato sopra.

Questo hack dovrebbe realizzare ciò che desideri.

+0

Bello, funziona bene e non ha ancora trovato effetti collaterali. Grazie! –

+0

Mi fa piacere sentirlo funzionare, è grandioso. Prego. – Ethan

+1

Forse un problema però: c'è un modo per assicurarsi che l'altezza 'completamente espansa' non superi mai lo spazio disponibile sullo schermo del dispositivo? Ad esempio, se imposto l'altezza a 420 dpi, sul mio dispositivo ho ancora un po 'di spazio in basso. Ma se qualcuno ha un dispositivo molto più breve, è in grado di scorrere il contenuto completamente fuori dallo schermo (l'immagine occupa l'intero schermo) e quindi non possono più eseguire il backup. Stessa cosa quando si accende il dispositivo in modalità orizzontale. Ho provato ad applicare un margine inferiore a ControllableAppBarLayout ma sembra che non faccia nulla. –

Problemi correlati