Android 如何创建具有角覆盖的圆形按钮

我想创建一个

按钮

，如下所示：

这就是我迄今为止所尝试的：

<?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>

但是我不满意，它看起来不像我上面显示的

按钮。例如，文本a文本太近。有人能帮我更准确地复制这个
按钮吗

如果有人需要，这是叠加图像：

使用Gimp生成四个图像，并将它们保存在可绘制的文件中。您的图像必须在左上角有蓝色三角形，并且必须在图像中键入文本“Pinterest”和其他设计

然后创建一个新的XML文件并将其放入其中：

<?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>



这将为您提供4种状态的自定义按钮：1）禁用2）按下3）聚焦4）启用（默认）
您可以在问题中编辑您当前拥有的图像吗？这将使问题更容易理解。您可以只使用一个ImageButton并覆盖它的onDraw回调来自己绘制角元素。非常感谢，我认为我应该使用自定义视图，因为我有很多这样的按钮