Botón de círculo personalizado

Utilice un dibujable xml como este:

Guarde el siguiente contenido como round_button.xmlen drawablela carpeta

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="false">
        <shape android:shape="oval">
            <solid android:color="#fa09ad"/>
        </shape>
    </item>
    <item android:state_pressed="true">
        <shape android:shape="oval">
            <solid android:color="#c20586"/>
        </shape>
    </item>
</selector>

Efecto de material de Android: aunque FloatingActionButtones una mejor opción, si desea hacerlo usando el selector xml, cree una carpeta drawable-v21y resguarde otra round_button.xmlallí con el siguiente xml.

<?xml version="1.0" encoding="utf-8"?>
<ripple xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="#c20586">
    <item>
        <shape android:shape="oval">
            <solid android:color="#fa09ad"/>
        </shape>
    </item>
</ripple>

Y configúrelo como fondo Buttonen xml de esta manera:

<Button
android:layout_width="50dp"
android:layout_height="50dp"
android:background="@drawable/round_button"
android:gravity="center_vertical|center_horizontal"
android:text="hello"
android:textColor="#fff" />

Importante:

1. Si desea que muestre todos estos estados (habilitado, deshabilitado, resaltado, etc.), utilizará el selector como se describe aquí .
2. Debes conservar ambos archivos para que el dibujable sea compatible con versiones anteriores. De lo contrario, enfrentarás extrañas excepciones en la versión anterior de Android.

Mar 27 '2012 06:03 Adil Soomro