Android Studio - круглая кнопка внутри квадрата

Question

Я хочу сделать круглую кнопку в Android Studio. Я создал отдельный XML, который я сохранил в вытяжке под названием round_button.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval"> 
    <solid android:color="#cccccc"/> 
    <stroke android:width="2dp" android:color="#000000" /> 
</shape> 

Тогда я использовал его в своей функции кнопки.

<Button 
     android:layout_width="100dp" 
     android:layout_height="100dp" 
     android:background="@drawable/round_button" 
     android:text="ME" 
     android:id="@+id/button7" 
     android:layout_below="@+id/textView4" 
     android:layout_centerHorizontal="true" 
     android:layout_marginTop="119dp" 

     android:layout_alignParentEnd="false" /> 

Проблема в том, что моя круглая кнопка, кажется, находится в квадратной форме. Как я могу избавиться от него? Есть идеи?

Answer 1

Вы можете использовать ImageButton, который имеет атрибут src. Используйте это, чтобы установить drawable, и установите фон в значение null.

<ImageButton 
    android:layout_width="100dp" 
    android:layout_height="100dp" 
    android:src="@drawable/round_button" 
    android:background="@null" 
    android:text="ME" 
    android:id="@+id/button7" 
    android:layout_below="@+id/textView4" 
    android:layout_centerHorizontal="true" 
    android:layout_marginTop="119dp" 
    android:layout_alignParentEnd="false" /> 

Answer 2

Если вы хотите использовать Button, можно определить углы
http://developer.android.com/guide/topics/resources/drawable-resource.html#corners-element
для прямоугольника, например:

<shape android:shape="rectangle" > 
    <solid android:color="#002244" /> 
    <corners android:radius="15dp" /> 
</shape>