I'm trying to get the real size of an image displayed in an image view. Actually my image is larger than the screen and the imageview is resizing the image to diplay it. I'm looking for this new size.
I've tried to override the onDraw method of the ImageView in a custom view but I'm not getting the correct height and width...
public class LandImageView extends ImageView
public LandImageView( Context context )
super( context );
public LandImageView(Context context, AttributeSet attrs)
super(context, attrs);
public LandImageView(Context context, AttributeSet attrs, int defStyle)
super(context, attrs, defStyle);
@Override
protected void onDraw( Canvas canvas )
super.onDraw( canvas );
int test = this.getWidth();
int test2 = this.getHeight();
@Override
protected void onSizeChanged(int w, int h, int oldw, int oldh)
super.onSizeChanged(w, h, oldw, oldh);
Do you have any clues ?
–
–
None of the answers here actually answer the question:
From a Bitmap of any size displayed by an ImageView, find the actual dimensions of the displayed image as opposed to the dimensions of the supplied Bitmap.
Namely:
Using ImageView.getDrawable().getInstrinsicWidth() and getIntrinsicHeight() will both return the original dimensions.
Getting the Drawable through ImageView.getDrawable() and casting it to a BitmapDrawable, then using BitmapDrawable.getBitmap().getWidth() and getHeight() also returns the original image and its dimensions.
The only way to get the actual dimensions of the displayed image is by extracting and using the transformation Matrix used to display the image as it is shown. This must be done after the measuring stage and the example here shows it called in an Override of onMeasure() for a custom ImageView:
public class SizeAwareImageView extends ImageView {
public SizeAwareImageView(Context context) {
super(context);
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
// Get image matrix values and place them in an array
float[] f = new float[9];
getImageMatrix().getValues(f);
// Extract the scale values using the constants (if aspect ratio maintained, scaleX == scaleY)
final float scaleX = f[Matrix.MSCALE_X];
final float scaleY = f[Matrix.MSCALE_Y];
// Get the drawable (could also get the bitmap behind the drawable and getWidth/getHeight)
final Drawable d = getDrawable();
final int origW = d.getIntrinsicWidth();
final int origH = d.getIntrinsicHeight();
// Calculate the actual dimensions
final int actW = Math.round(origW * scaleX);
final int actH = Math.round(origH * scaleY);
Log.e("DBG", "["+origW+","+origH+"] -> ["+actW+","+actH+"] & scales: x="+scaleX+" y="+scaleY);
Note: To get the image transformation Matrix from code in general (like in an Activity), the function is ImageView.getImageMatrix() - e.g. myImageView.getImageMatrix()
–
–
–
I extended B T's answer to produce a static method from it, and to include image left and top positions into the ImageView :
* Returns the bitmap position inside an imageView.
* @param imageView source ImageView
* @return 0: left, 1: top, 2: width, 3: height
public static int[] getBitmapPositionInsideImageView(ImageView imageView) {
int[] ret = new int[4];
if (imageView == null || imageView.getDrawable() == null)
return ret;
// Get image dimensions
// Get image matrix values and place them in an array
float[] f = new float[9];
imageView.getImageMatrix().getValues(f);
// Extract the scale values using the constants (if aspect ratio maintained, scaleX == scaleY)
final float scaleX = f[Matrix.MSCALE_X];
final float scaleY = f[Matrix.MSCALE_Y];
// Get the drawable (could also get the bitmap behind the drawable and getWidth/getHeight)
final Drawable d = imageView.getDrawable();
final int origW = d.getIntrinsicWidth();
final int origH = d.getIntrinsicHeight();
// Calculate the actual dimensions
final int actW = Math.round(origW * scaleX);
final int actH = Math.round(origH * scaleY);
ret[2] = actW;
ret[3] = actH;
// Get image position
// We assume that the image is centered into ImageView
int imgViewW = imageView.getWidth();
int imgViewH = imageView.getHeight();
int top = (int) (imgViewH - actH)/2;
int left = (int) (imgViewW - actW)/2;
ret[0] = left;
ret[1] = top;
return ret;
–
–
I found that WarrenFaith's suggestion of using setAdjustViewBounds worked, but I had to change the ImageView's layout_width/layout_height to 'wrap_content' (with 'match_parent', setAdjustViewBounds did nothing). To get the height/width/gravity behaviour I wanted, I had to wrap the ImageView in a FrameLayout:
<FrameLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:scaleType="fitCenter"
android:adjustViewBounds="true"
</FrameLayout>
After doing this, the ImageView's dimensions (as returned by getWidth() and getHeight()) matched the display size of the image.
–
–
I'm just passing by but hope it still helps
I'm going under the assumption your talking about bitmaps in your imageView
what you want to understand is the difference between
bmpBack.getWidth()
-> this gives you the size of your bitmap
bmpBack.getScaledWidth(canvas);
-> this will give you the size of the bitmap as displayed on the screen.
I never used ImageView because the relative display was driving me mad so in the end I just override the onDraw and did my canvas very similarly to opengl.
I think this is your problem
cheers
Jason
I thinks you need the size of the image visible int the screen, for that you simply need to do this:
@Override
public void onWindowFocusChanged(boolean hasWindowFocus) {
super.onWindowFocusChanged(hasWindowFocus);
initialWidth = this.getMeasuredWidth();
initialHeight = this.getMeasuredHeight();
And do take a look at the documentation of the methods like: getWidht(), getHeight(), getMeasuredWidth(), getMeasuredHeight(), etc. You will get to know what it does to give you that size.
EDIT: If you want actual width and height of the image being loaded into the imageView. You may want to change the method calls from getMeasuredWidth() to getIntrinsicWidth() and getMeasuredHeight() to getIntrinsicHeight() like this:
Drawable drawable = getDrawable();
actualWidth = drawable.getIntrinsicWidth();
actualHeight = drawable.getIntrinsicHeight();
You can use imageview's viewtreeobserver and addonDrawListener.
ViewTreeObserver vto = imageView.getViewTreeObserver();
vto.addOnDrawListener(new ViewTreeObserver.OnDrawListener() {
@Override
public void onDraw() {
float[] f = new float[9];
imageView.getImageMatrix().getValues(f);
// Extract the scale values using the constants (if aspect ratio maintained, scaleX == scaleY)
final float scaleX = f[Matrix.MSCALE_X];
final float scaleY = f[Matrix.MSCALE_Y];
// Get the drawable (could also get the bitmap behind the drawable and getWidth/getHeight)
final Drawable d = imageView. getDrawable();
final int origW = d.getIntrinsicWidth();
final int origH = d.getIntrinsicHeight();
// Calculate the actual dimensions
final int actW = Math.round(origW * scaleX);
final int actH = Math.round(origH * scaleY);
–
If I get you correctly you need your ImageView dimension, in order to scale your image accordingly. I did this with a custom class, where I override the onMeasure() call to get width and height.
class LandImageView extends ImageView{
public LandImageView (Context context, AttributeSet attrs) {
super (context, attrs);
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
final int width = MeasureSpec.getSize(widthMeasureSpec);
final int height = MeasureSpec.getSize(heightMeasureSpec);
Log.v("", String.format("w %d h %d", width, height));
// width and height are the dimensions for your image
// you should remember the values to scale your image later on
this.setMeasuredDimension(width, height );
In onMeasure you get the width and height for your image so that it fits your view.
You can use the LandImageView in your Layout like this:
<my.package.LandImageView ... >
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
i1=(ImageView)findViewById(R.id.iv);
l1 = new LinearLayout(this);
ImageView i = new ImageView(this);
ImageView i1 = new ImageView(this);
i.setImageResource(R.drawable. imagename.........);
l1.addView(i);
l1.addView(i1);
setContentView(l1);
first add the images in ur resource folder....... and in xml file create a image view....
I was looking for a solution to set the dimension of the image view to the scaled image to prevent empty space on top/bottom or left/right (cause the dimension of the view doesn't changed to fit the scaled image).
What I found to do the trick was using the method mImageView.setAdjustViewBounds(true); which results in the correct layout dimension. I don't have the scaled image dimension but I got the result I was looking for... just if someone needs it...
Try loading your resource using BitmapFactory.decodeResource (Resources res, int id, BitmapFactory.Options opts) with the BitmapFactory.Options() class. BitmapFactory.Options() has a flag which called "inJustDecodeBounds" and gives only the resource dimensions.
Hope that helped.
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
site design / logo © 2019 Stack Exchange Inc; user contributions licensed under cc by-sa 3.0
with attribution required.
rev 2019.4.12.33308
