Question

I am trying to set a layout, who is going to be used for each row of a ListActivity. each row contains a bulb icon on the left, a text in the center, then a pen icon on the right.

I cannot find a solution to avoid the text part in the center to pass over the 2 images if it to big.

Here is what I have got on screen :

When the text is to long it displayed over the bulb icon and pen icon

How do I need to modified my layout to avoid it?

XML:

<RelativeLayout
    android:id="@+id/linearLayoutEquipementInfo"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="20sp"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/equipementImage"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_margin="10sp"
        android:contentDescription="@string/status" />

    <TextView
        android:id="@+id/equipementName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true"
        android:layout_margin="10sp"
        android:gravity="center"
        android:text="title"
        android:textSize="22sp" />

    <ImageView
        android:id="@+id/equipementEdit"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentRight="true"
        android:layout_margin="1sp"
        android:background="@null"
        android:contentDescription="@string/editEquipmentName"
        android:src="@android:drawable/ic_menu_edit" />
</RelativeLayout>

Answer 1

You can add 2 parameters for TextView :

android:layout_toRightOf="@id/equipementImage"
android:layout_toLeftOf="@id/equipementEdit"