Cómo crear un botón redondo con una superposición de esquina

Me gustaría crear un Button que tenga este aspecto:

Imagen del botón

Esto es lo que he intentado hasta ahora:

 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="60dp" android:layout_height="60dp" android:background="#00000000"> <ImageButton android:id="@+id/btnPinterest" android:layout_width="match_parent" android:layout_height="match_parent" android:layout_marginTop="-5dp" android:contentDescription="@null" android:scaleType="fitCenter" android:src="@drawable/pinterest"/> <TextView android:layout_width="30dp" android:layout_height="30dp" android:layout_alignParentRight="true" android:layout_marginTop="0.5dp" android:background="@drawable/notification"/> <TextView android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_alignParentBottom="true" android:gravity="center" android:text="@string/btnPinterest" android:textColor="#FFFFFF" android:textSize="12sp"/> </RelativeLayout> 

Pero no estoy satisfecho, no se parece al Button que mostré arriba. Por ejemplo, el texto de un texto es demasiado estrecho. ¿Puede alguien ayudarme a replicar este Button mayor precisión?

Si alguien lo necesita, esta es la imagen superpuesta:

Icono de Notificación

Utilice Gimp para producir cuatro imágenes y guardarlas en dibujable. Sus imágenes deben tener ese triángulo azul en la parte superior izquierda y debe escribir el texto "Pinterest" y otro diseño en la imagen.

A continuación, crear un nuevo archivo XML y poner esto en él:

 <?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:state_enabled="false" android:drawable="@drawable/button_shape_enabled"/> <item android:drawable="@drawable/button_shape_pressed" android:state_pressed="true" /> <item android:drawable="@drawable/button_shape_focused" android:state_focused="true" /> <item android:drawable="@drawable/button_shape_default"/> </selector> 

Esto le dará un botón personalizado para 4 estados: 1) Deshabilitado 2) Presionado 3) Enfocado 4) Activado (predeterminado)

  • ¿Cómo extender ImageButton correctamente?
  • Creación de un botón de forma triangular para la aplicación Android
  • Creación de un área de botón de relleno de recurso de imagen de Android src
  • Android Studio: Utilizar ImageButton para iniciar una nueva actividad bloquea la aplicación
  • ¿Cómo cambiar la imagen del botón de encendido a apagado y viceversa al hacer clic?
  • Diferencia entre botón y botón de imagen
  • ¿Cómo alinear la fuente de la imagen dentro del ImageButton?
  • ¿Cómo hacer que los límites de ImageButtons rodeen la imagen?
  • Android: Centre align ImageButtons
  • Android - ¿Cómo puedo cambiar el ancho de mi ImageButton mediante programación?
  • Cambiar fragmento viewpager por un botónClick
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.