Diseño de Android con ListView y botones

Muy bien, este diseño específico me está molestando. Y parece que no puedo encontrar una manera de tener una vista de lista, con una fila de botones en la parte inferior para que la vista de lista no se extienda por encima de los botones, por lo que los botones siempre se ajustan a la parte inferior de la pantalla. Esto es lo que quiero:

eliminado enlace de ImageShack muerto

Parece que debería ser tan fácil, pero todo lo que he intentado ha fallado. ¿Alguna ayuda?

Aquí está mi código actual:

    RelativeLayout container = new RelativeLayout(this);
    container.setLayoutParams(new RelativeLayout.LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));

    //** Add LinearLayout with button(s)

    LinearLayout buttons = new LinearLayout(this);

    RelativeLayout.LayoutParams bottomNavParams = new RelativeLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    bottomNavParams.addRule(RelativeLayout.ALIGN_PARENT_BOTTOM);
    bottomNavParams.addRule(RelativeLayout.CENTER_HORIZONTAL);
    buttons.setLayoutParams(bottomNavParams);


    ImageButton newLayer = new ImageButton(this);
    newLayer.setImageResource(R.drawable.newlayer);
    newLayer.setLayoutParams(new LinearLayout.LayoutParams(45, LayoutParams.FILL_PARENT));
    buttons.addView(newLayer);

    container.addView(buttons);

    //** Add ListView

    layerview = new ListView(this);

    RelativeLayout.LayoutParams listParams = new RelativeLayout.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT);
    listParams.addRule(RelativeLayout.ABOVE, buttons.getId());

    layerview.setLayoutParams(listParams);

    container.addView(layerview);

Creo que esto es lo que estás buscando.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent" android:layout_height="fill_parent">

    <Button android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/testbutton"
        android:text="@string/hello" android:layout_alignParentBottom="true" />

    <ListView android:layout_width="fill_parent"
        android:layout_height="fill_parent" android:id="@+id/list"
        android:layout_alignParentTop="true" android:layout_above="@id/testbutton" />

</RelativeLayout>

Tuve el mismo problema durante años.

La solución para mantener ListView encima de los botones, pero evitar que los cubra cuando la lista es larga, es configurar android: layout_weight = "1.0" en ListView. Deje el layout_weight en los botones sin configurar para que permanezcan en su tamaño natural, de lo contrario los botones se escalarán. Esto funciona con LinearLayout.

Hay un ejemplo en Android ApiDemos: ApiDemos / res / layout / linear_layout_9.xml

Solo estaba buscando una respuesta a esta pregunta y este fue uno de los primeros resultados. Siento que todas las respuestas, incluida la que se elige actualmente como la "mejor respuesta", no abordan el tema sobre el que se pregunta. El problema que se indica es que hay una superposición de los dos componentes Buttony ListViewen que ListView ocupa toda la pantalla, y el Botón flota visualmente encima (delante de) ListView (bloqueando la vista / acceso de la última artículo en el ListView)

Basado en las respuestas que he visto aquí y en otros foros, finalmente llegué a una conclusión sobre cómo resolver esto.

Originalmente, tenía:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:background="#FF394952">

  <ListView
    android:id="@+id/game_list"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    />

  <LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    style="@android:style/ButtonBar">

    <Button
      android:id="@+id/new_game"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:text="@string/new_game"
      android:textColor="#FFFFFFFF"
      android:background="@drawable/button_background" />
  </LinearLayout>

</RelativeLayout>

Tenga en cuenta el uso de RelativeLayoutcomo nodo raíz.

Esta es la versión final y funcional en la que el botón no se superpone a ListView:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:orientation="vertical"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:background="#FF394952">

  <ListView
    android:id="@+id/game_list"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_weight="1.0" />

  <LinearLayout
    android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_alignParentBottom="true"
    style="@android:style/ButtonBar">

    <Button
      android:id="@+id/new_game"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:text="@string/new_game"
      android:textColor="#FFFFFFFF"
      android:background="@drawable/button_background" />
  </LinearLayout>

</LinearLayout>

Solo hay dos diferencias. Primero, cambié a usar un LinearLayout. Esto ayudará con el siguiente bit, que se agregó android:layout_weighta miListView

Espero que esto ayude.

La mejor manera es un diseño relativo que establece los botones debajo de la vista de lista. En este ejemplo, los botones también tienen un diseño lineal porque es más fácil colocarlos uno al lado del otro en el mismo tamaño.

<RelativeLayout android:id="@+id/RelativeLayout01" 
android:layout_width="fill_parent" 
android:layout_height="fill_parent">

<ListView android:id="@+id/ListView01" 
android:layout_alignParentTop="true"
android:layout_width="fill_parent" 
android:layout_height="fill_parent">
</ListView>

<LinearLayout android:id="@+id/LinearLayout01" 
android:layout_below="@+id/ListView01" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content" 
android:layout_alignParentBottom="true">
<Button android:id="@+id/ButtonJoin" 
android:text="Join"
android:layout_width="fill_parent" 
android:layout_height="wrap_content"
android:layout_weight="1"
android:layout_alignParentBottom="true">
</Button>
<Button android:id="@+id/ButtonJoin" 
android:layout_alignRight="@id/ButtonCancel" 
android:layout_width="fill_parent" 
android:layout_height="wrap_content"
android:layout_weight="1"
android:text="Cancel"
android:layout_alignParentBottom="true">
</Button>
</LinearLayout>

</RelativeLayout>

Sé que esta publicación es bastante antigua, pero, para responder a la pregunta del póster original, la razón por la que el código no funcionó fue buttons.getId () devuelve -1. Si va a hacer esto, debe configurar hacer algo como call buttons.setId (10). Si lo hace, el código funciona bien.

Esto debería funcionar. para tener botones encima de la vista de lista también, coloque los botones dentro de otro diseño lineal.

<LinearLayout> main container // vertical

<LinearLayout> scrollview must be contained in a linear layout //vertical - height to fill parent

    <ScrollView> set the height of this to fill parent

        <ListView> will be contained in the scrollview
        </ListView>

    </ScrollView>

</LinearLayout>

<LinearLayout> //horizontal - height to wrap content

<Button>

</Button>

</LinearLayout>

</LinearLayout>

la solución más sencilla sería crear dos diseños lineales, uno con el botón y el otro con la vista de lista (ajustar el contenido a la altura del botón y hacer coincidir el padre con la altura del diseño de la lista). luego solo haga una vista de desplazamiento sobre el diseño con la vista de lista y se ignorará el diseño de los botones. Espero que ayude, lo siento, no tuve ganas de escribir el código.