Android ListView avec en-tête et pied de page fixe

Comment puis-je créer un ListView fixe avec en-tête et pied de page?

Je ne veux pas l'en-tête/pied de page pour faire défiler avec les éléments de la ListView.

Est-il possible que l'en-tête/pied de page est flottant sur le ListView de sorte que l'en-tête/pied de page n'avez pas besoin d'avoir un droit en bas/en haut fond et la ListView éléments défile en dessous de l'arrière-plan de l'en-tête/pied de page vue, mais continue à afficher le premier élément de la liste?

source d'informationauteur Goran | 2013-05-29

Je l'ai résolu en utilisant @blackbelt suggestion et une petite ImageView avec la source de l'image transparant avec une tuile de fond.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:orientation="vertical" >

<ListView
android:id="@+id/lv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
  android:layout_above="@+id/tv_footer"
android:layout_below="@+id/tv_header" />

<TextView
android:id="@+id/tv_footer"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:background="@drawable/footer_bg"
android:gravity="center"
android:text="Footer" />

<TextView
android:id="@+id/tv_header"
android:layout_width="fill_parent"
android:layout_height="40dp"
android:layout_alignParentTop="true"
android:layout_centerHorizontal="true"
android:background="@drawable/header_bg"
android:gravity="center"
android:orientation="vertical"
android:text="Header" />

<ImageView
android:id="@+id/iconView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:src="@drawable/ic_launcher" />

<ImageView
android:id="@+id/imageView2"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignTop="@+id/lv"
android:background="@drawable/header_bg2"
android:src="@drawable/transparant_bg_tile" />

<ImageView
android:id="@+id/imageView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_above="@+id/tv_footer"
android:layout_alignParentRight="true"
android:background="@drawable/footer_bg2"
android:src="@drawable/transparant_bg_tile" />

</RelativeLayout>

Capture d'écran de l'appareil
Android ListView avec en-tête et pied de page fixe

http://developer.android.com/reference/android/widget/ListView.html#addHeaderView%28android.view.View%29. Vérifier addHeaderView(param).

http://developer.android.com/reference/android/widget/ListView.html#addFooterView%28android.view.View%29. Vérifier addFooterView(param).

Exemple de la méthode usuage par inlfating une mise en page @ Android listview avec en-tête et pied de page des boutons

Vous pouvez utiliser addHeaderView et addFooterView de la liste pour ajouter un en-tête et pied de page.

Vous pouvez faire comme ce que @blackbelt suggéré. J'ai utilisé une disposition relative au lieu de LinearLayout.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:gravity="center"
android:orientation="vertical" >

<ListView
    android:id="@+id/lv"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
      android:layout_above="@+id/textView1"
    android:layout_below="@+id/tv1" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="fill_parent"
    android:layout_height="40dp"
    android:gravity="center"
    android:layout_centerHorizontal="true"
    android:layout_alignParentBottom="true"
    android:text="Footer" />

<TextView
    android:id="@+id/tv1"
    android:layout_width="fill_parent"
    android:layout_height="40dp"
    android:gravity="center"
    android:layout_alignParentTop="true"
    android:orientation="vertical"
    android:layout_centerHorizontal="true"
    android:text="Header" />

</RelativeLayout>

Mise en page graphique snap shot

Android ListView avec en-tête et pied de page fixe

7

Utiliser un LinearLayoutajoutez votre en-tête sur la ListView et le pied de page ci-dessus. Donne le ListView layout_weight="1"
1

L'en-tête et pied de page Vues distinctes qui vous recherchez sur le haut et le bas de la liste. Ensuite, réglez l'opacité de ces points de Vue.

créer votre propre en-tête et pied de page avec votre liste d'afficher le code comme ci-dessous

header.xml fichier

 <RelativeLayout 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <TextView      
            android:layout_width="match_parent"
            android:layout_height="your custom height" // you may set default too
          />

    </RelativeLayout>

footer.xml fichier

 <RelativeLayout 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" >
        <Button 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    </RelativeLayout>

ajouter où votre listview

 LayoutInflater inflaterHeader = getLayoutInflater();
    ViewGroup header = (ViewGroup) inflaterFooter.inflate(
                    R.layout.header, list_view, false);
    yourListView.addHeaderView(header);

    LayoutInflater inflaterFooter = getLayoutInflater();
            ViewGroup footer = (ViewGroup) inflaterFooter.inflate(
                    R.layout.footer, list_view, false);
    yourListView.addFooterView(footer);

nous pouvons définir l'en-tête et pied de page de cette façon aussi, je suis en train d'en-tête de la disposition ci-dessus listview et de la même manière, nous canettes et pied de page en-dessous de listview

<LinearLayout
        android:id="@+id/ly_header"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@color/app_theme_color"
        android:orientation="horizontal">
        <include layout="@layout/header_icuc"/>
    </LinearLayout>

    <ListView
        android:id="@+id/lv_contacts"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/ly_header"
        android:background="#F3F4F6"
        android:divider="@drawable/contact_list_divider"
        android:dividerHeight="2dp"
        android:scrollbars="none" />

-1

Créer votre propre Affichage personnalisé à l'aide de LinearLayout et ListView

Vous devez vous connecter pour publier un commentaire.