Android Rounded Corner for Button not working

Question

I am trying to create a ImageButton for my user portrait.

<ImageButton
    android:id="@+id/new_question_user_portrait"
    android:layout_width="50dp"
    android:layout_height="50dp"
    android:background="@drawable/oler_login_submit_button_bg"
    android:src="@drawable/oler_portrait"
    android:layout_marginLeft="10dp"
    android:layout_marginTop="10dp"/>

This is the background xml file.

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <corners android:radius="10dp" />
</shape>

My src image is 200*200 px. Round Corner still not working for these code.

Could anyone show me the correct way to create a rounded Image Button with fixed height and width regardless of image source?

Wow. Such missing image, please post. Very thanks. Many Android. :) — 2Dee, Feb 11 '14 at 11:17

score 2 · Accepted Answer · edited May 23 '17 at 12:05

2

You are expecting the background drawable to work as a mask, which it does not. The drawable is drawn behind the bitmap (after all, it's a background), so it's invisible.

What you are looking for is a mask, have a look at this question and its answers: Mask ImageView with round corner background

edited May 23 '17 at 12:05

Community

1
1

answered Feb 11 '14 at 11:18

FD_

12,947
4
35
62

Thanks a lot! In addition, how could I fix a Image button size regardless of the size of source image? Is it possible to auto zoom in and zoom or to fit the button size? – Doge Feb 11 '14 at 12:14

Android Rounded Corner for Button not working

1 Answers1