ImageView ScaleType ignores padding

Question

I have a Imageview set with a white background and 1dp padding, this creates a border-like effect, which is the wanted result.

Now if I set the scaleType to centerCrop it ignores the padding on the top and bottom.
So I still have my border on the left and right side, but not on the top and bottom.

Anyone with an idea to stop this from happening? Or another quick way to create a border around images. I use it for my custom gridview

   <ImageView
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#FFFFFF"
            android:contentDescription="@string/test"
            android:padding="1dp"
            android:src="@drawable/some_photo"
            android:scaleType="centerCrop" />

also set android:adjustViewBounds="true" and still it stretch image than instead of using android:src use android:background — Khan, Jun 02 '12 at 04:15

score 176 · Answer 1 · edited Jul 17 '15 at 05:15

176

<ImageView
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:contentDescription="@string/test"
    android:padding="1dp"
    android:src="@drawable/some_photo"
    android:cropToPadding="true"
    android:scaleType="centerCrop" />

You only need to add android:cropToPadding

android:cropToPadding="true"

and then the imageView is going to respect the padding that you choose.

edited Jul 17 '15 at 05:15

aleb

2,490
1
28
46

answered Sep 21 '12 at 12:52

Manolo Garcia

3,785
2
19
19

7

note: that the attribute has been present since api level 1, but the method has only been available since JellyBean. – Chris.Jenkins Feb 21 '13 at 00:34
On Android 4.4.2 also with android:cropToPadding="true" it does not work, if you set a background resource after setting the padding. So you have first to set the background resource and then set the padding. See Matt McMinn's answer: http://stackoverflow.com/a/15060962/676945 – Harry Aug 22 '16 at 15:36

score 2 · Answer 2 · answered Jun 01 '12 at 13:17

You can give border by setting android:background="@drawable/edit_border"

And your edit_border:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

    <stroke
        android:width="2dp"
        android:color="#EBDDE2" />

    <padding
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="4dp" />

    <gradient
        android:centerColor="@color/white" 
        android:endColor="@color/white"
        android:startColor="@color/white" />

    <corners android:radius="8dp" />

</shape>

Did get the border but the portrait pictures in my landscape Imageviews still don't show the top and bottom border — TheLD, Jun 01 '12 at 19:17

score 0 · Answer 3 · edited Feb 03 '16 at 13:18

@Manolo Garcia's Answer is correct. That helped me in dynamic imageview using border, Scale Type Center Crop and padding.

final ImageView imageView = new ImageView(context);
LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(200,200);
lp.setMargins(0, 0, 10, 0);
imageView.setLayoutParams(lp);
imageView.setAdjustViewBounds(true);
imageView.setCropToPadding(true);
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
imageView.setBackgroundResource(R.drawable.img_blue_border);
imageView.setPadding(5, 5, 5, 5);

score -9 · Accepted Answer · answered Jun 03 '12 at 14:50

-9

I just encountered the same problem, for my workaround will be adding the android:layout_marginRight="5dip"

<ImageView
    android:layout_width="40dp"
    android:layout_height="30dp"
    android:background="#ffffffff"
    android:src="@drawable/liveview_logo"
    android:layout_marginRight="5dip"/>

answered Jun 03 '12 at 14:50

Amblll

88
1
11

Thanks, it worked, I thought I couldn't use a extra linearlayout in a gridView, turns out I can. – TheLD Jun 04 '12 at 09:07
3

won't be feasible in all cases. Manolo Garcia has the right answer – Makibo May 24 '13 at 08:30
1

the answer from Manolo Garcia is the right one, this margin right does not make sense.. – Guilherme Oliveira Jun 02 '14 at 17:05
1

This is not the correct answer, Manolo Garcia's solution is correct. – michaelk Sep 30 '14 at 04:28

ImageView ScaleType ignores padding

4 Answers4