[android] Replica il pannello inferiore di Google Maps Scorri verso l'alto


Answers

Question

Sto tentando di replicare l'animazione di scorrimento del pannello inferiore di Google Maps:

  1. Tocca il contrassegno Mappe mostra piccola parte del pannello inferiore (intestazione)
  2. Scorri verso l'alto sul pannello di intestazione rivela un pannello di dimensioni complete con maggiori informazioni.
  3. Scorri verso il basso sulla vista ripristinata del pannello a dimensione intera solo sull'intestazione
  4. Tocca l'indicatore, e il diasappare del pannello inferiore

Usando TranslationAnimation , sono stato in grado di ottenere un pannello inferiore da animare quando si tocca il marker. Per il problema che sto avendo, è che alla fine dell'animazione, devo impostare la sua Vista su VISIBLE modo che il pannello mostri, ma poi il pannello intero mostra e non solo la porzione di intestazione superiore.

Attualmente sto usando un FrameLayout che contiene un LinearLayout come visualizzazione del mio pannello inferiore:

<FrameLayout
        android:id="@+id/viewBottomPane"
        android:layout_width="match_parent"
        android:visibility="gone"
        android:background="#000000"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal|bottom">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">
            <include
                android:id="@+id/paneHeader"
                layout="@layout/headerPanel" />
            <TextView
                android:id="@+id/paneFooter"
                android:text=""
                android:layout_width="match_parent"
                android:layout_height="wrap_content"/>
            </LinearLayout>
    </FrameLayout>

Mi piacerebbe solo mostrare paneHeader sulla paneHeader Mappa, quindi scorrere verso l'alto per mostrare a schermo viewBottomPane , scorrere verso il basso per mostrare paneHeader e toccare fuori marcatore per nascondere tutto.




Links