Android-Layout mit ListView zwischen einer "top-bar" und "bottom bar"

Ich versuche zu konstruieren, ein layout, wo es eine text-Ansicht auf dem Bildschirm oben und unten Balken am unteren Rand des Bildschirms.
Jede dieser Ansichten soll bleiben fixiert und zwischen der 2 sollte eine ListView.

TOPBAR
LISTVIEW (scrollable)
BOTTOM BAR

Meinem layout (siehe unten) fast funktioniert: die oberen und unteren Komponenten fixiert bleiben und das listview-Schriftrollen. Das "problem" ist, dass die Letzte Zeile meiner ListView bleibt verborgen hinter der unteren Leiste.

Irgendwelche Vorschläge, wie können Sie das layout?

Dank!

<?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

Kommt hier ein einfacher Vorschlag. Machen Sie eine neue XML-und haben ein zu gehen mit diesem.

<?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>

Das wird nicht funktionieren. Unten textview zu decken wird ein Teil der Unterseite des listview
in meinen Händen der Fußzeile dieses layout nicht gerade bis Ende des listview überhaupt.
Ich versuche es jetzt und seine Arbeit so wie es sein soll. Es scheint zu funktionieren für user141146 aswell.
Habe es gerade getestet, ich denke, es funktioniert. Ehrlich gesagt, ich bin mir nicht sicher, warum das funktioniert, aber es funktioniert
wenn ich eine Benutzerdefinierte listActivity, wie zu tun?

InformationsquelleAutor glr

5

Das problem mit OPs-layout ist, dass das erste linear-layout eingestellt ist als android:layout_height="fill_parent" die bewirken, dass das erste linear-layout zu füllen die Eltern. Sie weiß es nicht, du wirst Sie noch weitere Ansichten. Was Sie tun müssen, ist das hinzufügen von Ansichten in der Reihenfolge, dass Sie wissen, Ihre Größe. Damit Sie wissen, die Größe der top-par und die untere Leiste, können Sie fügen Sie diese als android:layout_height="wrap_content". Dann fügen Sie die listview, da es die Größe ist unbekannt, zur compile-Zeit.

Danke. dies war sehr hilfreich!!!

InformationsquelleAutor Falmarri

Habe ich erreicht, was Sie zu tun versuchen, in einer ähnlichen Art und Weise, mit IDs und die layout_below/layout_above Attribute. Die Views angeordnet sind, in einer anderen Weise, aber das Endergebnis ist das gleiche. Ein ListView zwischen zwei anderen LinearLayouts, einer oben und einer unten.

In der ListView Sie sehen können, habe ich:

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

Diese Attribute position der ListView zwischen meinen oberen und unteren 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

Ich hatte diese Art von problem. Ich habe drei layouts anstelle von zwei, und diese Art der Lösung :

die 3 layouts gespeichert sind, in einem RelativeLayout, wie im oben genannten Lösungen
das layout mit der listview verbunden ist mit der "Topbar" (firstLayout) mit android:layout_below
das Dritte layout wird die "bottombar" mit android:layout_alignParentBottom="true"

und das wichtigste (dein problem) : ich füge android:layout_marginBottom, um das layout mit der listview. Ich musste einige Anpassung an den Wert zu finden, bevor die eine ausreichende Marge.

<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

Ich habe einen anderen Weg gefunden, um dies zu tun mit layout_weight die, wenn Sie eingeschlossen in einem linearen layout. Wenn Sie das ListView Gewicht etwas beliebig groß und die statische unteren Leiste das Gewicht etwas sehr klein, der Effekt funktioniert. Sowohl die Listen-Anzeige und der unteren Leiste ist für die Höhe muss festgelegt werden "wrap_content" machen alles arbeiten Sie zusammen als gut.

    <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

Ich habe festgestellt, ich denke, die einfachere Lösung nur aus diese post

Nur erklären, sondern beide Balken VOR der viewlist hinzufügen android:layout_alignParentBottom="true" und android:layout_alignParentTop="true" in jedem Fall.

Geben Sie dann in die viewlist layout, dass es zwischen Ihnen mit android:layout_above="id_of_footer" und android:layout_below="id_of_header" Eigenschaften.

Dies Beispiel von meiner app. Nur mit footer-bar.

<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

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.