Question

I’m doing an android app and I want to separate layout in 3 parts like this:

but now the button is over the second listview but on the bottom of the screen, I don’t know why.

I don’t know if I have to use relativeLayout or linearLayout to including the listviews, and text are inside this or outside of relativelayout/linearLayout, and the last button what?

this is my code:

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

   <TextView android:id="@+id/imageSelected"
          android:text="@string/imgSelected"
          android:layout_width="wrap_content"
              android:layout_height="fill_parent"
              android:layout_marginBottom="3dip"/>

   <LinearLayout 
     android:id="@+id/linearLayoutImagenes"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
     android:layout_alignParentTop="true"
     android:layout_below="@+id/imageSelected" >

   <ListView
      android:id="@+id/listaFusionPhotos"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent" 
      />

   </LinearLayout >

    <TextView android:id="@+id/nameSelected"
          android:text="@string/namSelected"
          android:layout_width="wrap_content"
          android:layout_height="fill_parent"
          android:layout_below="@+id/linearLayoutImagenes"
          android:layout_marginBottom="3dip"/>


<LinearLayout  
  android:id="@+id/linearLayoutNombres"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentTop="true"
      android:layout_below="@+id/nameSelected"
      >

    <ListView
       android:id="@+id/listaFusionNombres"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"/>

   </LinearLayout >

   <Button
      android:id="@+id/fusion"
      android:layout_width="160dip"
      android:layout_height="wrap_content"
      android:layout_below="@+id/linearLayoutNombres"
      android:layout_marginTop="3dip"
      android:text="Fusionar" 
      android:onClick="Mostrar_Registrados"
      android:layout_alignParentBottom="true"/>



</RelativeLayout>

Answer 1

Try this. this looks like exactly same of the picture.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:weightSum="11" >

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    android:text="Medium Text"
    android:textAppearance="?android:attr/textAppearanceMedium" 
    android:layout_weight="1"/>

<ListView
    android:id="@+id/listView1"
    android:layout_width="fill_parent"
    android:layout_height="0dp" 
    android:layout_weight="4">
</ListView>

<TextView
    android:id="@+id/textView2"
    android:layout_width="wrap_content"
   android:layout_height="0dp"
    android:layout_weight="1"
    android:text="Medium Text"
    android:textAppearance="?android:attr/textAppearanceMedium" />

<ListView
    android:id="@+id/listView2"
    android:layout_width="fill_parent"
    android:layout_height="0dp" 
    android:layout_weight="4">
</ListView>

<Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="0dp"
    android:layout_weight="1"
    android:text="Button" />

</LinearLayout>