align view to a scaled ImageView

Question

i have this problem frequently, and I refuse to believe that it can't be solved without creating a custom layout:

How do you align a view with an ImageView that get scaled to match it's parent bounds but keeps the aspect ratio ( scale type is anything but fitXY ). I was under the assumption that f you set adjustViewBounds to true, the view bounds get adjusted to match the actual size of the image ("Set this to true if you want the ImageView to adjust its bounds to preserve the aspect ratio of its drawable."). But that is not the case. And it doesn't make and difference if the image has to get scaled up or down to fit its bounds.

Take a look at this layout:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
     >

  <ImageView
    android:id="@+id/imageView1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:adjustViewBounds="true"
    android:scaleType="fitCenter"
    android:src="@drawable/square" />

  <TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignRight="@+id/imageView1"
    android:layout_alignTop="@+id/imageView1"
    android:text="@string/hello_world" />

</RelativeLayout>

This layout looks like this: enter image description here

As you can see the bounds do not get adjusted and the TextView is aligned to the incorrect bounds. I created a custom Layout to creates the proper bounds, but maybe I'm missing something and it should be possible using the standard layout features...

EDIT: to clarify: i'm looking for a way to align the TextView with the actual image. that is with the red square in the given example.

what happens when your try with android:background="@drawable/square"? — Padma Kumar, Nov 28 '13 at 11:23
"How do you align a view with an ImageView", so what do you actually mean? — pskink, Nov 28 '13 at 11:25
Your TextView is properly aligned as per your specification in xml -alignRight and alirnTop. Where and how do you want to align. — MAkS, Nov 28 '13 at 11:41

score 1 · Answer 1 · answered Sep 14 '16 at 18:08

Ok, so it's been three years and you probably figured this out long ago. But you were halfway there when you specified adjustviewBounds=true. You just needed to change the ImageView layout width and height to wrap_content at the same time.

Your TextView IS aligning to your ImageView just as you requested. If you were to give your ImageView a background color you would see that it occupies the same area as your TextView. It's just that the actual image is centered within the view as you requested.

And you can continue to use scaleType=fitCenter or centerInside depending upon what you want. Neither will crop or stretch the image and your TextView will remain aligned.

score 0 · Answer 2 · answered Nov 28 '13 at 11:45

0

What if you use - android:scaleType="centerCrop" on the ImageView? The image will be cropped to cover the entire layout, but the aspect ratio will be maintained.

answered Nov 28 '13 at 11:45

SimplyJaymin

444
8
17

if you you specify centerCrop the image will not be scaled up if it is smaller than the parent container. – P.Melch Nov 28 '13 at 13:08

align view to a scaled ImageView

2 Answers2