Изображения не прилегание в циркуляр Image View

Question

Я прямоугольное изображение, которое я хочу, чтобы отобразить в круговой обзор границы изображения: Я сделал рисую так:

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <corners android:radius="100dp" /> 
    <solid android:color="#41ba7a" /> 
    <stroke 
     android:width="3dip" 
     android:color="#f9f9f9" /> 
    <padding 
     android:bottom="4dp" 
     android:left="4dp" 
     android:right="4dp" 
     android:top="4dp" /> 
</shape> 

Я использую его внутри ImageButton:

<ImageButton 
       android:id="@+id/service_image_on_orderpage" 
       android:layout_width="120dp" 
       android:layout_height="120dp" 
       android:background="@drawable/profile_circular_border_imageview" 
       android:elevation="5dp" 
       android:padding="20dp" 
       android:scaleType="centerCrop" 
       android:layout_marginBottom="20dp"/> 

Это выглядит следующим образом:

Но когда я загрузить изображение в нем, то он будет выглядеть так:

Это не полностью закрывающей ImageButton. Я хочу, чтобы загруженный снимок должен был покрывать ImageButton круговым способом.

Я попытался изменить все возможные варианты android:scaleType, но ничто не соответствует требованию, я даже попытался изменить ImageButton в ImageView, но проблема все еще сохраняется.

Пожалуйста, помогите.

Answer 1

Эй @Amit Upadhyay вы должны попробовать эту удивительную библиотеку для быстрого кругового ImageView идеально подходит для профильных images.This основан на RoundedImageView от Vince Ми, который сам основан на методах, рекомендованных Romain Guy

Для использования этого библиотека вам нужно добавить зависимость в вашем Gradle, как показано ниже:

dependencies { 
... 
compile 'de.hdodenhof:circleimageview:2.1.0' 
} 

и для его использования добавить виджет в файле XML макет, как показано ниже:

<de.hdodenhof.circleimageview.CircleImageView 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:id="@+id/profile_image" 
android:layout_width="96dp" 
android:layout_height="96dp" 
android:src="@drawable/profile" 
app:civ_border_width="2dp" 
app:civ_border_color="#FF000000"/> 

это поможет вам точно!

Answer 2

использовать этот код

<ImageButton 
    android:id="@+id/service_image_on_orderpage" 
    android:layout_width="120dp" 
    android:layout_height="120dp" 
    android:background="@drawable/profile_circular_border_imageview" 
    android:elevation="5dp" 
    android:padding="20dp" 
    android:scaleType="fitCenter" 
    android:layout_marginBottom="20dp"/> 

и после этого также, если вы получаете то же проблема изменения scaleType к другому.