how to show imageview with no white space

Question

my imageview not fully show on imageview width see this image its show white space http://imgur.com/3fDXgij but i want to show mageview like this shape http://imgur.com/g8UeI4b and image show full in imageview no white space below is my code please help me

<ImageView
    android:id="@+id/test_button_image"
    android:layout_width="80dp"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="10dp"
    android:layout_marginBottom="15dp"
    android:layout_height="60dp"
    android:layout_alignParentTop="true"
    android:background="@drawable/border6"
    android:src="@drawable/ic_launcher" >
</ImageView>

score 2 · Answer 1 · answered Aug 28 '13 at 13:20

android:adjustViewBounds="true"

Reference: http://developer.android.com/reference/android/widget/ImageView.html#attr_android:adjustViewBounds this should fix your problems. In this case scaling is not your problem, because image is already scaled. Problem is that container is trying to get all possible space inside layout, but image cannot expand its width because its trying to keep its ratio.

<ImageView
    android:id="@+id/test_button_image"
    android:layout_width="80dp"
    android:adjustViewBounds="true"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="10dp"
    android:layout_marginBottom="15dp"
    android:layout_height="60dp"
    android:layout_alignParentTop="true"
    android:background="@drawable/border6"
    android:src="@drawable/ic_launcher" >
</ImageView>

This attribute will "crop" the remaining not used space in ImageView.

Also you should check your background image if its properly 9patch image.

I would recommend you to put the imageview without any background inside FrameLayout, and set border image for this FrameLayout.

this totally fix the issue! Thanks! – Leandro Temperoni Dec 06 '13 at 22:18 — Leandro Temperoni, Dec 06 '13 at 22:18

score 0 · Answer 2 · edited May 23 '17 at 12:23

Imageview to fill a layout (in your xml):

android:scaleType="fitXY"

If you want to cut the corners you have to :

 public static Bitmap getRoundedCornerBitmap(Bitmap bitmap, int pixels) {
    Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap
            .getHeight(), Config.ARGB_8888);
    Canvas canvas = new Canvas(output);

    final int color = 0xff424242;
    final Paint paint = new Paint();
    final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
    final RectF rectF = new RectF(rect);
    final float roundPx = pixels;

    paint.setAntiAlias(true);
    canvas.drawARGB(0, 0, 0, 0);
    paint.setColor(color);
    canvas.drawRoundRect(rectF, roundPx, roundPx, paint);

    paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
    canvas.drawBitmap(bitmap, rect, rect, paint);

    return output;
}

reference

score -1 · Answer 3 · answered Aug 28 '13 at 13:23

<LinearLayout
        android:layout_width="100dp"
        android:layout_height="100dp" 
        android:background="@Android:Color:white"
        android:padding="1dp" >

   <ImageView
    android:id="@+id/test_button_image"
    android:layout_width="wrapcontent"   
    android:layout_height="wrapcontent"
    android:background="@drawable/border6"
    >
</ImageView>

</LinearLayout>

how to show imageview with no white space

3 Answers3