Android Mise en page avec ListView entre une “barre du haut” et “bas de bar”

Je suis en train de construire une mise en page où il y a un texte dans la partie supérieure de l'écran et une barre de menu au bas de l'écran.
Chacun de ces points de vue doivent rester fixe en lieu et entre les 2, il faut une ListView.

TOPBAR
LISTVIEW (scrollable)
BOTTOM BAR

Ma mise en page (voir ci-dessous) presque œuvres: le haut et le bas des composants de rester fixe et la liste des parchemins. Le "problème" est que la dernière ligne de ma ListView reste caché derrière la barre du bas.

Des suggestions sur la façon d'ajuster la mise en page?

Merci!

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout
            android:layout_alignParentTop="true"
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical"
            >
        <TextView
                android:background="@drawable/blackgrad"
                android:gravity="center"
                android:id="@+id/title"
                android:layout_height="50dip"
                android:layout_width="fill_parent"
                android:text="blah blah"
                android:textColor="#ffffff"
                android:textSize="18sp"
                />
        <ListView
                android:background="#ffffff"
                android:cacheColorHint="#ffffffff"
                android:id="@android:id/list"
                android:layout_height="fill_parent"
                android:layout_width="fill_parent"
                />
    </LinearLayout>
    <LinearLayout
            android:background="#efefef"
            android:layout_alignParentBottom="true"
            android:layout_centerHorizontal="true"
            android:layout_width="fill_parent"
            android:layout_height="50dip"
            android:orientation="horizontal">
        <Button
                android:layout_height="wrap_content"
                android:id="@+id/back"
                android:text="Back"
                android:layout_width="wrap_content" />

        <Button
                android:layout_height="wrap_content"
                android:id="@+id/home"
                android:text="Home"
                android:layout_width="wrap_content" />

        <Button
                android:layout_height="wrap_content"
                android:id="@+id/next"
                android:text="Next"
                android:layout_width="wrap_content" />


    </LinearLayout>
</RelativeLayout>

InformationsquelleAutor user141146 | 2010-10-21

Voici une simple suggestion. Faire un nouveau XML et avoir un aller avec ce.

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical">
    <TextView
        android:text="Header"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"/>
    <ListView
        android:id="@android:id/list"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"/>
    <TextView
        android:text="Footer"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:layout_gravity="bottom"/>
</LinearLayout>

Cela ne marchera pas. Le fond textview permettra de couvrir une partie du bas de la liste
dans mes mains, le pied de page de cette disposition ne permet pas de couvrir jusqu'au bas de la liste à tous.
Je suis en train de l'essayer dès maintenant et sa fonctionne comme prévu. Il semble fonctionner pour user141146 aswell.
Je viens de tester, je suppose que ça fonctionne. Honnêtement, je ne suis pas sûr pourquoi cela fonctionne, mais il ne
si j'ai un Custom listActivity, comment faire?
elle fonctionne. Alternative relative à la mise en page. tHnks

InformationsquelleAutor glr

5

Le problème de la Fpo en matière de mise en page, c'est que la première linéaire modèle android:layout_height="fill_parent" qui va provoquer la première linéaire de mise en page pour remplir le parent. Il ne sait pas que vous allez à ajouter d'autres points de vue. Ce que vous avez à faire est d'ajouter des points de vue dans l'ordre qu'ils savent que leur taille. Vous connaissez donc la taille de la partie supérieure nominale et la barre du bas, vous pouvez les ajouter en tant que android:layout_height="wrap_content". Puis ajouter la liste car il est inconnu au moment de la compilation.
- Merci. cela a été très utile!
InformationsquelleAutor Falmarri

J'ai accompli ce que vous essayez de le faire d'une manière semblable, à l'aide de l'IDs et les layout_below/layout_above attributs. Le Views sont disposés d'une manière différente, mais le résultat final est le même. Un ListView entre deux autres LinearLayouts, l'un en haut et un en bas.

Dans le ListView vous pouvez le voir, j'ai:

android:layout_above="@+id/event_list_buttons"
android:layout_below="@id/title_container"

Ces attributs de position de la ListView entre mon haut et en bas LinearLayouts.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout android:id="@+id/RelativeLayout01"
android:layout_width="fill_parent" android:layout_height="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android">
<LinearLayout style="@style/TitleBar">
<ImageView style="@style/TitleBarLogo" android:src="@drawable/logo_small_transparent" />
<View style="@style/TitleBarSpring" />
<ImageView style="@style/TitleBarSeparator" />
<ImageButton style="@style/TitleBarAction" android:src="@drawable/ic_title_refresh"
android:id="@+id/title_refresh_button" android:onClick="onClick" />
<ProgressBar style="@style/TitleBarProgressIndicator"
android:id="@+id/title_refresh_progress" android:visibility="gone" />
<ImageView style="@style/TitleBarSeparator" />
<ImageButton style="@style/TitleBarAction" android:src="@drawable/ic_title_search" />
</LinearLayout>
<ListView android:layout_width="fill_parent"
android:layout_height="fill_parent" xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/android:list" android:layout_above="@+id/event_list_buttons"
android:layout_below="@id/title_container" android:fastScrollEnabled="true"
android:background="@color/white"></ListView>
<LinearLayout android:layout_width="fill_parent"
xmlns:android="http://schemas.android.com/apk/res/android" android:id="@id/event_list_buttons"
android:layout_height="wrap_content" android:layout_alignParentBottom="true"
android:gravity="center_horizontal">
<Button android:layout_width="wrap_content"
android:layout_height="wrap_content" android:id="@+id/events_list_view_organizing_button"
android:text="Organizing" android:onClick="onClick"></Button>
<Button android:layout_width="wrap_content"
android:layout_height="wrap_content" android:id="@+id/events_list_view_attending_button"
android:text="Attending" android:onClick="onClick"></Button>
</LinearLayout>
</RelativeLayout>

InformationsquelleAutor Jason Knight

J'ai eu ce genre de problème. J'ai utilisé trois mises en page au lieu de deux, et ce genre de solution :

les 3 modèles sont stockés dans un RelativeLayout, comme dans les solutions ci-dessus
la mise en page contenant la liste est liée à la "Topbar" (firstLayout) à l'aide d'android:layout_below
la troisième mise en page devient le "bottombar" android:layout_alignParentBottom="true"

et la chose la plus importante (le problème): - je ajouter android:layout_marginBottom à la mise en page contenant la liste. J'ai eu à faire plusieurs ajustement à la valeur avant de trouver la marge suffisante.

<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/firstLayout"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="left"
android:orientation="horizontal" >
<TextView
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_gravity="center_vertical"
android:layout_marginTop="10dip"
android:text="@string/show_history_text" />
</LinearLayout>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/secondLayout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_below="@id/firstLayout"
android:layout_marginBottom="50dip" >
<ListView
android:id="@+id/ListNotes"
android:layout_width="fill_parent"
android:layout_height="wrap_content" />
</LinearLayout>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/thirdLayout"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="@color/LightSteelBlue"
android:gravity="left"
android:orientation="horizontal" >
<Button
android:id="@+id/btnClose"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_gravity="bottom"
android:gravity="center_vertical|left"
android:onClick="BtnCloseClick"
android:text="@string/btn_close_history_text" />
</LinearLayout>

InformationsquelleAutor Squares Designs

J'ai trouvé un autre moyen de le faire avec layout_weight est alors enfermé dans un linéaire de la mise en page. Si vous définissez la liste du poids de quelque chose arbitrairement grand et le statique bas de la barre de poids à quelque chose de très petit, l'effet fonctionne. Les deux à la liste d'affichage et la barre du bas, la hauteur doit être réglé sur "wrap_content" pour que tout fonctionne ensemble.

    <LinearLayout 
android:layout_width="fill_parent" 
android:layout_height="fill_parent"
android:orientation="vertical"
android:color="@color/bg"
xmlns:android="http://schemas.android.com/apk/res/android" >
<ListView 
android:id="@android:id/list" 
android:padding="5dp"
android:divider="@color/bg"
android:dividerHeight="4dp"
android:layout_width="fill_parent" 
android:layout_height="wrap_content"
android:layout_weight="20"
>
</ListView>
<TextView android:text="Sorry, no results were found" android:id="@android:id/empty" android:layout_width="fill_parent" android:layout_height="fill_parent"></TextView>
<include layout="@layout/bottom_bar"  android:layout_weight=".1" android:id="@+id/bottomBar" android:layout_alignParentBottom="true" android:layout_width="fill_parent" android:layout_height="wrap_content"></include>

InformationsquelleAutor

J'ai trouvé je pense que le plus simple solution de cette post

Il suffit de déclarer les deux barres AVANT de l'viewlist l'ajout d'android:layout_alignParentBottom="true" et android:layout_alignParentTop="true" dans chaque cas.

Alors préciser dans le viewlist mise en page qu'il a établi entre eux avec android:layout_above="id_of_footer" et android:layout_below="id_of_header" propriétés.

C'est l'exemple de travail à partir de mon application. Juste avec la barre de pied de page.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="vertical" >
<LinearLayout
android:id="@+id/bottom_bar"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="#333333"
android:padding="@dimen/padding_small" >
<Button
android:id="@+id/bt_add_session"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:onClick="addSession"
android:text="@string/add_session" />
<TextView
android:id="@+id/lb_summary"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:gravity="right"
android:text="@string/summary_example"
android:textAppearance="?android:attr/textAppearanceSmall"
android:textColor="#FFFFFF" />
</LinearLayout>
<ListView
android:id="@+id/vl_sessions"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:layout_above="@id/bottom_bar" >
</ListView>

InformationsquelleAutor Gonzalo Cao

Vous devez vous connecter pour publier un commentaire.