Layout Android con ListView tra "barra in alto" e "barra in basso"

Question

Sto provando a creare un layout in cui è presente una visualizzazione di testo nella parte superiore dello schermo e una barra in basso nella parte inferiore dello schermo. Ognuna di queste viste dovrebbe rimanere fissa sul posto e tra le 2 dovrebbe essere una ListView.

TOPBAR 
LISTVIEW (scrollable) 
BOTTOM BAR 

mio layout (vedi sotto) quasi opere: i componenti superiore e inferiore rimane fisso e le pergamene ListView. Il "problema" è che l'ultima riga del mio ListView rimane nascosta dietro la barra in basso.

Qualche suggerimento su come regolare il layout?

Grazie!

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

Answer 1

Ecco un semplice suggerimento. Crea un nuovo XML e provalo.

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

Answer 2

ho compiuto ciò che si sta cercando di fare in modo simile, utilizzando gli ID e le layout_below/attributi layout_above. Gli View sono disposti in modo diverso, ma il risultato finale è lo stesso. A ListView tra altri due LinearLayout s, uno in alto e uno in basso.

Nel ListView potete vedere ho:

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

Coloro posizione attributi ListView tra il mio superiore e inferiore LinearLayout s.

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

Answer 3

Il problema con il layout PO è che il primo layout lineare viene impostato come android:layout_height="fill_parent" che farà sì che il primo layout lineare per riempire il genitore. Non sa che aggiungerai altre visualizzazioni. Quello che devi fare è aggiungere viste nell'ordine in cui conoscono le loro dimensioni. Quindi, conoscendo le dimensioni del grafico superiore e della barra inferiore, è possibile aggiungerli come android:layout_height="wrap_content". Quindi aggiungi il listview poiché la sua dimensione è sconosciuta al momento della compilazione.

Answer 4

Ho trovato un altro modo per farlo con layout_weight quando è racchiuso in un layout lineare. Se si imposta il peso del ListView su qualcosa di arbitrariamente grande e il peso della barra inferiore statica su qualcosa di molto piccolo, l'effetto funziona. Sia la vista elenco che l'altezza della barra inferiore devono essere impostati su "wrap_content" per far sì che tutto funzioni anche insieme.

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

Answer 5

ho trovato Penso che la soluzione più facile solo da this posta

Proprio dichiarano entrambe le barre PRIMA viewlist aggiungendo Android: layout_alignParentBottom = "true" e Android: layout_alignParentTop = "true " in ogni caso.

Quindi specificare nel layout di visualizzazione che ha impostato tra di loro con Android: layout_above = "id_of_footer" e proprietà android: layout_below = "id_of_header".

Questo è un esempio funzionante dalla mia app. Solo con il piè di pagina.

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

Answer 6

ho avuto questo tipo di problema. Ho usato tre layout invece di due, e questo tipo di soluzione:

• i 3 schemi sono memorizzati in un RelativeLayout, come nelle soluzioni sopra
• layout contenente la listview è legata al "Topbar" (firstLayout) con Android: layout_below
• il terzo layout diventa il "bottombar" utilizzando Android: layout_alignParentBottom = "true"

• e la cosa più importante (il problema): aggiungo Android: layout_marginBottom al layout che contiene il ListView. Ho dovuto fare diversi aggiustamenti al valore prima di trovare il margine sufficiente.

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