Question

I have a Layout (using TableLayout, etc…) which works well. It seems like this:
https://i.stack.imgur.com/jLFhA.png

I would like to rewrite it using one RelativeLayout:

<?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"  android:padding="6dip">

<TextView android:id="@+id/textViewTopicTitle"      
android:layout_width="fill_parent" android:layout_height="wrap_content"         android:text="Title" android:background="#880000"></TextView>   

<TextView android:id="@+id/textViewSolution"        
android:layout_width="wrap_content" android:layout_height="wrap_content"        android:layout_below="@id/textViewTopicTitle" android:text="Description...."        android:background="#008800"></TextView>    

<Button android:text="Start" android:id="@+id/buttonTopic"      android:layout_width="wrap_content" android:layout_height="wrap_content"        android:layout_toRightOf="@id/textViewSolution" android:layout_below="@id/textViewTopicTitle"       
android:layout_marginRight="6dip">
</Button> 

</RelativeLayout>

It’s not correct because the green TextView not fill as many space as possible.

So I change:
android:id=”@+id/textViewSolution” android:layout_width=”fill_parent“

But in this case the button is missing!

https://i.stack.imgur.com/ugzeq.png

My question is: is that possible to create such a layout using only RelativeLayout?

Answer 1

try below xml might help the button is somewhat tall

<?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"
    android:padding="6dip">
    <TextView
        android:id="@+id/textViewTopicTitle"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="Title"
        android:background="#880000"></TextView>
    <TextView
        android:id="@+id/textViewSolution"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_below="@id/textViewTopicTitle"
        android:text="Description...."
        android:background="#008800"
        android:layout_toLeftOf="@+id/buttonTopic"></TextView>
    <Button
        android:text="Start"
        android:id="@+id/buttonTopic"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@id/textViewTopicTitle"
        android:layout_alignParentRight="true">
    </Button>
</RelativeLayout>