Rounded corners in Android ImageButton doesn't work

Question

Is there something wrong with my code? round_corner.xml (I put it in drawable)

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

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <solid android:color="#FFFF0F" />
    <corners android:radius="30dp" />
    </shape>

I think what's not working is the code in my imageButton

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="5dp">

    <ImageButton
        android:id="@+id/my_button"
        android:layout_width="match_parent"
        android:layout_height="170dp"
        android:layout_gravity="center"
        android:background="@drawable/round_corner"
        android:src="@drawable/my_pic"/>

    </LinearLayout>

It doesn't give me any error . It just didn't make my image rounded . Any ideas?

maybe a duplicate of https://stackoverflow.com/questions/21633637/rounded-corners-android-image-buttons — Aiko West, Sep 19 '18 at 06:51
Possible duplicate of [How to make an ImageView with rounded corners?](https://stackoverflow.com/questions/2459916/how-to-make-an-imageview-with-rounded-corners) — Manohar, Sep 19 '18 at 06:52
@user_22 that will not work , check answers in the question I linked — Manohar, Sep 19 '18 at 06:53
@redman : i have seen that post and i tried that but is not working with mine. so just see my code and see whats wrong with it — user_22, Sep 19 '18 at 06:54
@user_22 no you havn't seen yet , applying shape won't make your drawable rounded . Try different way mentioned in my previous link, I would suggest this solution https://stackoverflow.com/a/40150715/6478047 — Manohar, Sep 19 '18 at 06:58
have you tried to **run the app**, or only looked at Android Studio preview? — Vladyslav Matviienko, Sep 19 '18 at 06:59

score 0 · Answer 1 · answered Sep 19 '18 at 06:57

I suggest you use CardView instead of Image Button

You can achieve the same effect by CardView by this code.

<android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/my_pic"
        app:cardCornerRadius="30dp"/>

score 0 · Answer 2 · answered Sep 19 '18 at 07:12

First Create a shape.xml

    <shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >
    <solid android:color="#FFFF0F" />
    <corners android:radius="30dp" />
    </shape>

use this xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/card_view"

    android:layout_width="match_parent"
    android:layout_height="120dp"
    android:layout_gravity="center"

    android:layout_margin="8dp"
    android:background="@drawable/shape"

    android:elevation="4dp">

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_gravity="center"
        android:elevation="4dp"
        app:cardCornerRadius="8dp">

        <ImageButton
            android:id="@+id/thumbnaill"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_gravity="left"
            android:background="@drawable/maxresdefault"
            android:scaleType="fitXY"
            />
    </android.support.v7.widget.CardView>
</LinearLayout>

Here is Your Output :) Please Note it will not show the radius on Xml preview run the app it will appear

Rounded corners in Android ImageButton doesn't work

2 Answers2