android - 如何创建带有角覆盖的圆形按钮

Question

我想创建一个如下所示的 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>

但我不满意，它看起来不像我上面显示的Button。例如文本 a text 太近了。谁能帮我更准确地复制这个Button？

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

Answer 1

使用 Gimp 生成四张图片并保存在 drawable 中。您的图片必须在左上角有蓝色三角形，并且您必须在图片中输入文字“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) 启用(默认)