Question

This is the layout I am using:

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:background="@color/background"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:padding="30dip"
>

  <LinearLayout
      android:orientation="vertical"
      android:layout_height="wrap_content"
      android:layout_width="fill_parent" >

    <RelativeLayout
        android:orientation="horizontal"
        android:layout_height="wrap_content"
        android:layout_width="fill_parent" 
        android:gravity="fill_horizontal" 
        >

        <TextView android:id="@+id/poi_name" 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" 
            android:textStyle="bold" 
            android:layout_alignParentLeft="true"
        />

        <ImageView android:id="@+id/internet" 
            android:layout_width="wrap_content" 
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:src="@drawable/internet"
            android:adjustViewBounds="true"
            android:maxHeight="20sp"
        />

    </RelativeLayout>
    ...
  </LinearLayout>
</ScrollView>

However, the text appears aligned to the left but the image appears at the same height than the text (as expected), but horizontally centered in the screen. Why is it not aligned to the right ?
I tried with different combinations of the android:gravity attribute at the RelativeLayout without success.

The maxHeight attribute of the image is set using ‘sp’ units because I want the image to be proportional to the text it is accompanying. Is that correct ?

Thanks for your feedback.

UPDATE:

Thanks to the answer of @danh32 I managed to solve this using a LinearLayout instead of a RelativeLayout. But just out of curiosity: if someone knows what was the problem with the RelativeLayout of my example, I will be grateful.

Answer 1

Have you tried using textview’s drawableRight attribute to display the image, instead of a standalone imageview? You should be able to change the textview’s width to fill parent and set the drawableRight as your internet drawable.

    <TextView android:id="@+id/poi_name" 
        android:layout_width="fill_parent"
        android:layout_height="wrap_content" 
        android:textStyle="bold" 
        android:layout_alignParentLeft="true"
        android:drawableRight="@drawable/internet"
    />