我想创建一个Button如下所示:

这是我到目前为止所尝试的:
<?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>
Run Code Online (Sandbox Code Playgroud)
但我不满意,它看起来不像Button我上面所示.例如文本文本太近了.任何人都可以帮我Button更准确地复制这个吗?
如果有人需要它,这是叠加的图像:
