Can't alight TextView toRightOf ImageView

Question

The TextView doesn't alight to right (end) of ImageView for some reason. See battery image and its percents.

Current:

Expected:

The code:

...
<RelativeLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_weight="1.3">
    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:scaleType="fitStart"
        android:id="@+id/battery_level"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_toRightOf="@id/battery_level"
        android:layout_toEndOf="@id/battery_level"
        android:layout_alignEnd="@id/battery_level"
        android:layout_alignRight="@id/battery_level"
        android:layout_marginLeft="6dp"
        android:layout_marginStart="6dp"
        android:id="@+id/battery_level_percents"
        style="@style/Blue_TextViewStyle"
        />
</RelativeLayout>
...

Any idea what causes that behaviour?

---

EDIT: If I hardcode image source to ImageView and text to TextView then it looks like in Design view:

the code of it:

    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:scaleType="fitStart"

Seems like even wrap_content doesn't work.

Answer 1

Try to add android:adjustViewBounds="true" to your ImageView.

The Bounds might be to big if the source picture was larger.

Answer 2

Use this:

<ImageView
    android:id="@+id/battery_level"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:scaleType="fitStart"
    android:src="@drawable/ic_action_next_item" />

<TextView
    android:id="@+id/textView3"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/battery_level"
    android:layout_alignParentTop="true"
    android:layout_toEndOf="@+id/battery_level"
    android:layout_toRightOf="@+id/battery_level"
    android:text="New Text" />

Answer 3

   <RelativeLayout
    android:layout_width="wrap_content"
    android:layout_height="wrap_content" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:src="@drawable/ic_launcher" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_toRightOf="@+id/imageView1"
        android:text="TextView" />
</RelativeLayout>

Answer 4

You Can Use Like This.

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

    <ImageView
        android:id="@+id/battery_level"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="fitStart" />

    <TextView
        android:id="@+id/battery_level_percents"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" />
</LinearLayout>

Answer 5

Try this:

<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content" >

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentLeft="true"
    android:src="@drawable/ic_launcher" />

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:text="TextView" />
</RelativeLayout>