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

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我上面所示.例如文本文本太近了.任何人都可以帮我Button更准确地复制这个吗？

如果有人需要它,这是叠加的图像:

Answer 1

使用 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) 启用（默认）