Làm thế nào để tạo ra một nút tròn với một lớp phủ góc

Question

Tôi muốn tạo ra một Button mà trông như thế này:

Đây là những gì tôi đã cố gắng cho đến nay:

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

Nhưng Tôi không hài lòng, nó không giống như Button tôi đã trình bày ở trên. Ví dụ: văn bản một văn bản quá gần. Bất cứ ai có thể giúp tôi sao chép này Button chính xác hơn?

Nếu bất cứ ai cần nó, đây là hình ảnh overlayed:

Answer 1

Sử dụng Gimp để sản xuất Bốn hình ảnh và lưu chúng trong drawable. hình ảnh của bạn phải có hình tam giác màu xanh ở trên cùng bên trái và bạn phải nhập văn bản "Pinterest" và thiết kế khác vào hình ảnh.

Sau đó tạo một file XML mới và đặt điều này trong nó:

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

Điều đó sẽ cung cấp cho bạn một nút tùy chỉnh cho 4 trạng thái: 1) Disabled 2) Ép 3) Tập trung 4) Enabled (mặc định)