Wie kann ich diese Art von Button entwickeln?

Question

Diese Schaltfläche hat äußere weiße Rong und einen inneren grauen Hintergrund.
Der innere Hintergrund enthält ein Bild (Tickmark) und einen Text (Apply).

Ich bin in der Lage eine Form wie folgt aus (unten) zu machen.

ich eine Form, in ziehbar (button.xml) bin mit:

<?xml version="1.0" encoding="utf-8"?> 
<layer-list xmlns:android="http://schemas.android.com/apk/res/android"> 
<item> 
    <shape android:shape="oval"> 
     <size android:height="85dp" 
      android:width="90dp"/> 
     <solid android:color="@color/grey"/> 
     <stroke android:color="@color/white" android:width="4dp"></stroke> 
    </shape> 
</item> 
<item 
    android:drawable="@drawable/checkmark_filled" 
    android:bottom="20dp" 
    android:left="20dp" 
    android:right="20dp" 
    android:top="20dp"/> 
</layer-list> 

und mit einem Image der Form

<ImageView 
    android:id="@+id/button_apply" 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:src="@drawable/button"/> 

zu verwenden, aber ich bin nicht in der Lage mache einen Text in Form.
Fehle ich etwas oder ist es irgendwie möglich?

Answer 1

Was ich tun würde, ist so etwas wie dieses:

- Trennen Sie Ihre LayerList in 2 verschiedene Drawables

circle.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="oval" 
    > 
     <size android:height="85dp" android:width="90dp" /> 
     <solid android:color="@color/grey" /> 
     <stroke android:color="@color/white" android:width="4dp" /> 
</shape> 

Ich nehme an, Sie bereits diese Bitmap haben: drawable/checkmark_filled

- Verwenden Sie anstelle von ImageView eine Textansicht:

Passen Sie die Schwerkraft und die Polsterungen nach Bedarf an.
Legen Sie auch einige andere Eigenschaften nach Bedarf fest.

Beachten Sie, dass Sie anstelle eines fest codierten Texts eine Zeichenfolgenressource verwenden können (und sollten).

---

Kurzerklärung:

• ich die ovale Form wie die Textview brackground verwenden.
• Ich verwende das Häkchen Bitmap als eine zusammensetzbare Zeichnung.
• Ich verwende den TextView-Text, um etwas zu schreiben.
• Ich setze die TextView als clickable, so dass Sie es verwenden können, als ob es ein Button war.