Android-LinearLayout / RelativeLayout对齐方式

Question

I am attempting to create a simple UI that looks something like this

I am very new to android and have been trying different types of layouts (Linear/Relative) and I believe Linear may be the way to go here (I hope to make the amount of ListViews dynamic at some stage but for now 2 is fine).

Should I be using a Linear Layout or Relative layout, or some combination of both to achieve this.

Here is the XML which I have, I can't seem to get the button to align right, even though its gravity is set to right. I am open to any suggestions on how to fix this, or if there is a better way

<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="1">

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.9"

    android:orientation="horizontal" >

    <ListView
        android:id="@+id/lv1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1.0"
        />

    <ListView
        android:id="@+id/lv2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1.0"
        />

</LinearLayout>

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="0.1"
    android:orientation="horizontal" >

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:text="New Button"
        android:id="@+id/button"
        android:gravity="right" />
</LinearLayout>

edit : here is what the UI currently looks like

Answer 1

OK, you can do one thing.

<RelativeLayout>
<LinearLayout> <!-- horizontal orientation with weightsum 2 -->

<LinearLayout>  <!-- vertical orientation with layout weight 1 and width 0dp --> 
</LinearLayout>

<LinearLayout>  <!-- vertical orientation with layout weight 1 and width 0dp -->
</LinearLayout>

</LinearLayout>  

<Button /> <!-- alignParentBottom = true and alignParentLeft = true --> 
</RelativeLayout>

Answer 2

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

    <LinearLayout
        android:id="@+id/ll"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_marginTop="18dp"
        android:layout_above="@+id/btnButton"
        android:weightSum="2"
        android:orientation="horizontal" >

        <ListView 
            android:layout_height="wrap_content"
            android:layout_width="0dp"
            android:layout_weight="1">

        </ListView>
        <ListView 
            android:layout_height="wrap_content"
            android:layout_width="0dp"
            android:layout_weight="1">

        </ListView>
    </LinearLayout>

    <Button 
        android:id="@+id/btnButton"
        android:layout_height="wrap_content"
        android:layout_width="wrap_content"
        android:text="Button"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"/>

</RelativeLayout>

Answer 3

Just remove the LinearLayout around the Button or set its orientation to vertical.

<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="1">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="0.9"
        android:orientation="horizontal" >

        <ListView
            android:id="@+id/lv1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1.0"/>

        <ListView
            android:id="@+id/lv2"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1.0"/>

    </LinearLayout>

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="right"
        android:text="New Button"
        android:id="@+id/button"
        android:gravity="right" />
</LinearLayout>

Answer 4

Avoid layout nesting .
A single RelativeLayout is enough.

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

    <!-- Set the Button, first: Bottom and right aligned -->
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentRight="true"
        android:text="New Button"
    />

    <!-- Trick: set a dummy View in the middle of the screen -->
    <View
        android:id="@+id/dummy"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_centerInParent="true"
    />

    <!-- Now the ListViews: -->
    <!-- One above the button and to the left of the dummy -->
    <ListView
        android:id="@+id/lv1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/button"
        android:layout_toLeftOf="@id/dummy"
    />

    <!-- One above the button and to the right of the dummy -->
    <ListView
        android:id="@+id/lv2"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@id/button"
        android:layout_toRightOf="@id/dummy"
    />
</RelativeLayout>

Answer 5

我认为您可以尝试这种方式....

<LinearLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_gravity="right" android:layout_weight="0.1" android:gravity="right" android:orientation="horizontal" > <Button android:id="@+id/button" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="New Button" /> </LinearLayout>