round ImageButton full width background image

Question

I am trying to set a backgroundimage to my ImageButton . The ImageButton should be full filled. Currently it looks like:

ImageButton

<ImageButton
                    android:id="@+id/imgBtn_OpenUserPicture"
                    android:layout_width="96dp"
                    android:layout_height="96dp"
                    android:layout_gravity="center_horizontal|center_vertical"
                    android:src="@drawable/ic_camera"
                    android:background="@drawable/round_imagebutton"
                    android:scaleType="centerCrop"
                    android:tint="@android:color/transparent"
                    android:padding="20dp"/>

@drawable/round_imagebutton

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
        <solid android:color="@android:color/transparent"/>
        <corners android:radius="90dp" />
        <stroke
            android:width="2dp"
            android:color="#FFF"
            />
    </shape>
</item>
</selector>

One problem could be the padding of 20dp . After removing it, the problem was the same. I think I have to set the image as the background of the shape. But how can I set the image dynamically - captured by the camera - to the shape background?

Answer 1

使用比例类型作为拟合中心。

android:scaleType="fitCenter"

Answer 2

There are Two way

1# Use rounded image instead of rectangle to set src

2# use this link instead of ImageButton

https://github.com/hdodenhof/CircleImageView