Rounded corner ImageView - Android

Question

I try to create imageview with rounded corners.i searched and found xml code

<?xml version="1.0" encoding="utf-8"?>

<solid android:color="#00ffffff" />

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

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

<stroke
    android:width="6dp"
    android:color="#ffffffff" />

and this is a my imageview xml code

<ImageView
                android:id="@+id/slidemenuuserimage"
                android:layout_width="90dp"
                android:layout_height="90dp"
                android:layout_alignParentBottom="true"
                android:layout_alignParentLeft="true"
                android:layout_marginBottom="16dp"
                android:layout_marginLeft="14dp"
                android:background="@drawable/frame" />

i have one problem.when i added background image programmatically i receive divirent result.

slidemenuuserimage=(ImageView)findViewById(R.id.slidemenuuserimage);
    slidemenuuserimage.setBackgroundResource(R.drawable.myuserimg);

this is a my result enter image description here

how i can add padding left or right programmatically.in my option this is a my problem if anyone knows solution please help me

what is the problem now ? – Murtaza Khursheed Hussain Feb 03 '15 at 11:33 — Murtaza Khursheed Hussain, Feb 03 '15 at 11:33

score 7 · Accepted Answer · answered Feb 03 '15 at 11:08

You can also do this programatically

public Bitmap roundCornerImage(Bitmap raw, float round) {
  int width = raw.getWidth();
  int height = raw.getHeight();
  Bitmap result = Bitmap.createBitmap(width, height, Config.ARGB_8888);
  Canvas canvas = new Canvas(result);
  canvas.drawARGB(0, 0, 0, 0);

  final Paint paint = new Paint();
  paint.setAntiAlias(true);
  paint.setColor(Color.parseColor("#000000"));

  final Rect rect = new Rect(0, 0, width, height);
  final RectF rectF = new RectF(rect);

  canvas.drawRoundRect(rectF, round, round, paint);

  paint.setXfermode(new PorterDuffXfermode(Mode.raw_IN));
  canvas.drawBitmap(raw, rect, rect, paint);

  return result;
 }

Use it like

slidemenuuserimage.setImageBitmap(roundCornerImage(BitmapFactory.decodeResource(getResources(), R.drawable.yourImage),50)

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

2

Try out this shape

   <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> 
    <solid android:color="#00ffffff"/>    

    <stroke android:width="3dp"
            android:color="#ffffffff"/>

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

    <corners android:radius="30px"/> 
</shape>

Code is here

edited May 23 '17 at 12:24

Community

1
1

answered Feb 03 '15 at 10:59

Skizo-ozᴉʞS ツ

19,464
18
81
148

thanks but my problem is in java code (slidemenuuserimage.setBackgroundResource(R.drawable.myuserimg);) how i can solve my problem ? @Joan Colmenero – chromelend Feb 03 '15 at 11:08

score -2 · Answer 3 · answered Feb 03 '15 at 11:23

-2

you need to set src image, not background. So use setImageResource() not setBackgroundResource()

answered Feb 03 '15 at 11:23

Leonidos

10,482
2
28
37

Rounded corner ImageView - Android

3 Answers3

Linked