Question

How can I do this simple layout with a RelativeLayout?

--------------------------------
First line
                           9999
Second line
--------------------------------

Two things:

• Between “First line” and “Second line” there is no a space line.
• The number “9999” is aligned at the right and vertical centered.

I tried this, but doesn’t work

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="?android:attr/listPreferredItemHeight"
android:padding="6dip"
android:gravity="center_vertical">

<TextView  
    android:id="@+id/second_line"
    android:layout_width="wrap_content"
    android:layout_height="26dip" 
    android:layout_alignParentBottom="true"
    android:layout_alignParentLeft="true"
    android:singleLine="true"
    android:ellipsize="marquee"
    android:layout_gravity="right"
    android:text="Second Line" />

<TextView android:id="@+id/first_line"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    android:layout_alignParentLeft="true"
    android:layout_above="@id/second_line"
    android:layout_alignWithParentIfMissing="true"
    android:singleLine="true"
    android:ellipsize="marquee"
    android:text="First line"
    android:gravity="center_vertical" />

<TextView  
    android:id="@+id/number"
    android:layout_width="wrap_content"
    android:layout_height="fill_parent" 
    android:layout_alignParentRight="true"
    android:layout_toRightOf="@id/first_line"
    android:text="99999" />

</RelativeLayout>

Answer 1

The key is the android:layout_centerVertical because in a RelativeLayout you can’t use a normal android:layout_gravity.

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="6dip">

    <TextView 
        android:id="@+id/first_line"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:singleLine="true"
        android:text="First line" />

    <TextView  
        android:id="@+id/second_line"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/first_line"
        android:singleLine="true"
        android:text="Second Line" />

    <TextView  
        android:id="@+id/number"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" 
        android:layout_alignParentRight="true"
        android:layout_centerVertical="true"
        android:text="99999" />

</RelativeLayout>