how can I shape Circular the selected image from gallery

Question

How to have a curcular ImageView. This is my xml

<RelativeLayout
            android:id="@+id/imgUser"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="20dp"
            android:background="@drawable/circle_border">

            <ImageView
                android:id="@+id/studentimg"
                android:layout_width="120dp"
                android:layout_height="120dp"
                android:layout_margin="9dp"
                android:adjustViewBounds="true"
                android:background="@drawable/circlepf"
                android:padding="3dp"
                android:scaleType="centerInside"
                android:src="@drawable/ic_profile" />
</RelativeLayout>

this is my problem image sample

but I want this image to show in circular view

Does this answer your question? [ImageView in circular through xml](https://stackoverflow.com/questions/22105775/imageview-in-circular-through-xml) — Nikos Hidalgo, Jan 15 '20 at 11:08

score 23 · Answer 1 · answered Jan 15 '20 at 11:17

23

You can use the Material Components Library.
With the version 1.2.0-alpha03 there is the new ShapeableImageView.

  <com.google.android.material.imageview.ShapeableImageView
      ...
      android:scaleType="centerInside"
      android:adjustViewBounds="true"
      app:shapeAppearanceOverlay="@style/circleImageView"
      app:srcCompat="@drawable/ic_profile" />

with:

  <style name="circleImageView" parent="">
    <item name="cornerFamily">rounded</item>
    <item name="cornerSize">50%</item>
  </style>

answered Jan 15 '20 at 11:17

Gabriele Mariotti

320,139
94
887
841

no,this is not my problem,my problem is when i get a image from gallery by onclicklistner then is show in full shape not in circular shape. – Chudamani Meher Jan 15 '20 at 13:29
you can saw in my problem statement below image – Chudamani Meher Jan 15 '20 at 13:33
@ChudamaniMeher sorry but it is not clear for me. The code posted in the answer allows to show an image as a circular shape. – Gabriele Mariotti Jan 15 '20 at 20:46

score 0 · Answer 2 · edited Jul 17 '20 at 09:57

0

I recently found this library in Github. https://github.com/christophesmet/android_maskable_layout

Any layout or imageview wrapped in the MaskableFrameLayout will be cropped in the desired shape by just providing the required shape to the mask attribute of the maskLayout as shown below:

<com.christophesmet.android.views.maskableframelayout.MaskableFrameLayout
    android:id="@+id/frm_mask_animated"
    android:layout_width="100dp"
    app:porterduffxfermode="DST_IN"
    app:mask="@drawable/drawable_circular"
    android:layout_height="100dp">

    <ImageView android:layout_width="match_parent"
               android:layout_height="match_parent"
               android:scaleType="centerCrop"
               android:src="@drawable/unicorn"/>

</com.christophesmet.android.views.maskableframelayout.MaskableFrameLayout>

Also, you have Circleimageview library available :https://github.com/hdodenhof/CircleImageView

edited Jul 17 '20 at 09:57

Basi

3,009
23
28

answered Jan 15 '20 at 12:05

Angeo Johny M

59
5

no,this is not my problem,my problem is when i get a image from gallery by onclicklistner then is show in full shape not in circular shape. – Chudamani Meher Jan 15 '20 at 13:30
you can saw in my problem statement below image – Chudamani Meher Jan 15 '20 at 13:31
yeah, I understand if you want your imageview to be masked in a circular layout you could use MaskableFrameLayout. It should work fine in this scenario – Angeo Johny M Jan 21 '20 at 08:20

how can I shape Circular the selected image from gallery

2 Answers2