Circular ImageView with SVG as background with padding

Question

I am trying to set a SVG Icon as the background of an Android ImageView. The SVG Icon will receive some padding and colors are being changed a little.

    <ImageView
        android:id="@+id/passwordLabel"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:background="@android:color/black"
        android:padding="30px"
        android:tint="@android:color/white"
        app:srcCompat="@drawable/ic_lock"
        tools:layout_editor_absoluteX="16dp"
        tools:layout_editor_absoluteY="524dp" />

Is there a way to make the ImageView circular now? I have tried other solutions but am confused, as they demand me to change the background.

Hasan Khan · Answer 1 · 2020-01-16T10:13:25.963

1

1- you can use this library
https://github.com/hdodenhof/CircleImageView
2- use cardview put imageview inside it and make radius half of width or height (as suitable for your use case) also see this link

edited Jan 16 '20 at 10:13

answered Dec 26 '19 at 14:31

Hasan Khan

554
1
7
23

score 1 · Answer 2 · answered Dec 26 '19 at 16:55

You can't make the imageView circular, because it just displayed the image that already set.

Use CircleImageView library instead
Wrap your ImageView with CardView and make the radius half of its width/height
Change your image shape to be circle instead

Circular ImageView with SVG as background with padding

2 Answers2