/ / Aggiunta di un'intestazione e un piè di pagina a un gridview in Android: android, gridview, footer, instagram

Aggiunta di un'intestazione e di un piè di pagina a un gridview in Android: android, gridview, footer, instagram

Sto cercando di creare "pagine profilo" degli utenti nella miaApp Android con le seguenti funzionalità: - intestazione - gridview che mostra un gruppo di foto di quell'utente - footer (un'icona di download quando l'app scarica più foto nella griglia) - l'intestazione deve essere spostata insieme alla griglia

In altre parole, l'esperienza utente nella pagina del profilo sarebbe molto simile all'esperienza utente in una pagina del profilo utente di Instagram.

Il problema è che gridview non supporta intestazioni e piè di pagina.

Eventuali soluzioni o librerie che potrei utilizzare per fornire l'esperienza utente desiderata?

risposte:

4 per risposta № 1

Basta usare più RelativeLayouts.

Crea il tuo layout di intestazione (50dp o qualsiasi altra cosa)allineato alla parte superiore del genitore. Quindi crea un secondo layout allineato alla parte inferiore della pagina (questo sarà il tuo piè di pagina). Poi hai un altro layout impostato su "sotto" l'intestazione e "sopra" il piè di pagina che conterrà il tuo GridView.

Dovrebbe assomigliare a:

<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >

<RelativeLayout
android:id="@+id/header"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_alignParentTop="true" >

/* ANYTHING YOU WANT IN YOUR HEADER */

</RelativeLayout>

<RelativeLayout
android:id="@+id/gridview"
android:layout_width="match_parent"
android:layout_height="fill_parent"
android:layout_below="@+id/header"
android:layout_above="@+id/footer" >

/* GRIDVIEW HERE */

</RelativeLayout>

<RelativeLayout
android:id="@+id/footer"
android:layout_width="match_parent"
android:layout_height="50dp"
android:layout_alignParentBottom="true" >

/* ANYTHING YOU WANT IN YOUR FOOTER */

</RelativeLayout>

</RelativeLayout>

Speriamo che questo aiuti.