Làm cách nào để đạt được kết quả sau bằng cách sử dụng RelativeLayout?

Question

Ảnh: http://img838.imageshack.us/img838/1402/picse.png

Làm cách nào để bố cục trong Pic. 2 chỉ sử dụng RelativeLayout ONLY. Dưới đây là bố cục xml của ảnh chụp màn hình đầu tiên.

<?xml version="1.0" encoding="utf-8"?> 
<RelativeLayout 
     xmlns:android="http://schemas.android.com/apk/res/android" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content"> 
<TextView 
    android:id="@+id/timer_textview" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:gravity="center" 
    android:layout_marginTop="10dip" 
    android:textSize="30sp" 
    android:layout_alignParentTop="true" 
    android:text="@string/timer_start" /> 

<ListView 
    android:id="@+id/questions_listview" 
    android:layout_below="@id/timer_textview" 
    android:layout_width="wrap_content" 
    android:layout_height="fill_parent" /> 

<Button android:id="@+id/true_btn" 
    android:text="@string/true_option" 
    android:layout_alignParentBottom="true" 
    android:layout_weight="1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" /> 

<Button 
    android:id="@+id/false_btn" 
    android:text="@string/false_option" 
    android:layout_toRightOf="@id/true_btn" 
    android:layout_alignBaseline="@id/true_btn" 
    android:layout_weight="1" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" /> 
</RelativeLayout> 

Answer 1

Bạn có thể sử dụng LinearLayout ở phía dưới để đạt được điều này . Nhưng bạn chỉ muốn sử dụng bố cục RelativeLayout như vậy:

<RelativeLayout android:layout_width="fill_parent" ... > 

...  

<View android:id="@+id/helper" 
android:layout_width="0dp" 
android:layout_height="0dp" 
android:layout_alignParentBottom="true" 
android:layout_centerHorizontal="true" /> 

<Button android:id="@+id/true_btn" 
android:layout_alignParentBottom="true" 
android:layout_alignParentLeft="true" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_toLeftOf="@id/helper"/> 

<Button 
android:id="@+id/false_btn" 
android:layout_alignBaseline="@id/true_btn" 
android:layout_alignParentRight="true" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:layout_toRightOf="@id/helper" /> 

</RelativeLayout> 

Bạn không thực sự sử dụng bố cục lồng nhau?

Answer 2

Nếu bạn thay đổi các nút để

<Button android:id="@+id/true_btn" 
    android:text="@string/true_option" 
    android:layout_alignParentBottom="true" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" /> 

<Button 
    android:id="@+id/false_btn" 
    android:text="@string/false_option" 
    android:layout_toRightOf="@id/true_btn" 
    android:layout_alignBaseline="@id/true_btn" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" /> 

bạn sử dụng ít nhất là đầy đủ chiều rộng mặc dù false_btn được tất cả không gian còn lại.

Để tăng độ rộng của true_btn đầu tiên bạn có thể thiết lập các thuộc tính minWidth - hoặc sử dụng một giá trị cố định hoặc có được chiều rộng màn hình và làm cho minWidth một nửa của nó