Button mit Symbol und Text

Question

Ich mag ein Button wie in Android machen:

Aber ich weiß nicht, wie das zu tun. Muss ich eine RelativeLayout mit einigen Elementen (ImageView, TextView, Separator, ...) verwenden?

Ich weiß wirklich nicht die beste Praxis.

Answer 1

Sie Button mit Property android:drawableLeft="@drawable/ic_done" verwenden können.

Siehe dies.

<Button 
     android:id="@+id/button111111" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:drawablePadding="5dp" 
     android:layout_centerHorizontal="true" 
     android:drawableLeft="@drawable/ic_done" 
     android:text="Facebook" /> 

EDIT 1:

Wenn Sie es tun wollen, ohne Button mit der Immobilie mit android:drawableLeft="@drawable/ic_done" Dann.

Siehe dies.

Erstellen XML Datei mit dem Namen Shape.xml innerhalb res -> drawable Ordner.

Wenn Sie im res-Verzeichnis keinen ausklappbaren Ordner sehen, erstellen Sie den Ordner mit dem Namen "drawable".

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <stroke 
     android:width="3dip" 
     android:color="@android:color/black" /> 
    <corners android:radius="10dip" /> 
    <padding 
     android:bottom="10dip" 
     android:left="10dip" 
     android:right="10dip" 
     android:top="10dip" /> 
</shape> 

Dann beziehen Sie sich auf dieses Layout.

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:background="@drawable/shape" 
    android:gravity="center_vertical"> 


    <ImageView 
     android:id="@+id/imageView" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:contentDescription="@string/app_name" 
     android:src="@mipmap/ic_launcher" /> 

    <View 
     android:layout_width="2dp" 
     android:layout_height="match_parent" 
     android:layout_marginLeft="10dp" 
     android:background="@android:color/darker_gray" /> 

    <Button 
     android:id="@+id/button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="10dp" 
     android:layout_weight="1" 
     android:background="@null" 
     android:text="Submit" /> 


</LinearLayout> 

Hier Bildschirm.

Hinweis: Ihre Drawable und Color als Ihrer Wahl ändern.

Answer 2

Sie können nur <Button> verwenden und das gewünschte Symbol setzen, z. B. android:drawableLeft Attribut.

Siehe docs: https://developer.android.com/guide/topics/ui/controls/button.html

Answer 3

Mit Text und ein Symbol, die Button-Klasse mit dem android mit: drawableLeft Attribut:

Try this:

<?xml version="1.0" encoding="utf-8"?> 
<Button xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/btn1" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:text="Text Here" 
android:drawableLeft="@drawable/your_image" 
/> 

Answer 4

Bearbeiten Sie das Bild den zusätzlichen Bereich um Rand zu entfernen, und stellen Sie die Bild als Hintergrund

Answer 5

Ich tat für Sie.Speichern Sie das Bild und legen Sie als Hintergrund für die Schaltfläche