Question

I am trying to understand something. A weird thing that I see is that when I put wrap_content in the width and hight, the image is bigger than the the real px (pixel) size of the image which is inserted. Why is that so?

My code with wrap_content:

<ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:adjustViewBounds="false"
    android:src="@drawable/header" />

and thats my code with exact pixel size of the image:

 <ImageView
    android:id="@+id/imageView1"
    android:layout_width="378px"
    android:layout_height="155px"
    android:adjustViewBounds="false"
    android:src="@drawable/header" />

As you can see, thats the exact pixel size:

Why is that? I thought that wrap_content should wrap the view to the content size so why is it bigger on screen?

Answer 1

A very nice explaintaion for supporting the multiple screens is given at

http://developer.android.com/guide/practices/screens_support.html.

you need to put images in respective folders after scaling.

e.g. if you want 100*100 image then place

75*75 in drawable-ldpi for Low density devices

100*100 in drawable-mdpi for Medium density devices

150*150 in drawable-hdpi for High density devices

200*200 in drawable-xhdpi for Extra High density devices