Estoy tratando de usar mi RadioButton personalizado que intento hacer para que se vea así:

Entonces hice dibujos personalizados que responden al estado de RadioButton y lo usé como fondo. Esto esta bien.

El problema es que no he podido centrar las imágenes que configuré a través deandroid:button un tributo.

Así es como estoy tratando de usarlo en mi diseño.

<RadioGroup
        android:id="@+id/presenter_options"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="4dp"
        android:gravity="center"
        >

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:button="@drawable/cluster_centered"
            android:gravity="center"
            android:padding="8dp"
            android:background="@drawable/presenter_radiobutton_left"
            />

        <RadioButton
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:padding="8dp"
            android:background="@drawable/presenter_radiobutton_right"
            android:button="@drawable/fire"
            />

</RadioGroup>

Con esto obtengo esto como resultado:

Ya he tratado de definir un dibujable que establezca la gravedad en el centro, pero nada cambió. Aquí está el dibujo personalizado:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <bitmap android:src="@drawable/cluster" android:gravity="center"/>
    </item>
</selector>

Entonces, ¿cómo podría centrar las imágenes de los botones?

PD: No puedo establecer cada tipo de botón como fondo porque será dinámico en el futuro, por lo que lo único que podría estar en el fondo es la forma azul.