pulsante con l'icona e il testo

Question

vorrei fare un Button come quella in Android:

Ma io non so come fare. Devo usare un RelativeLayout con alcuni elementi (ImageView, TextView, separatore, ...)?

Io davvero non conosco la pratica migliore.

Answer 1

È possibile utilizzare Button con proprietà android:drawableLeft="@drawable/ic_done".

Fare riferimento a questo.

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

Se si vuole fare senza usare Button con proprietà android:drawableLeft="@drawable/ic_done" Poi.

Fare riferimento a questo.

Creare XML file chiamato lo Shape.xml all'interno res -> drawable cartella.

Se nella cartella res non viene visualizzata la cartella drawable, creare la cartella denominata 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> 

quindi fare riferimento questo 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> 

Ecco schermo.

Nota: Cambia la tua Drawable e Color durante la vostra scelta.

Answer 2

È possibile utilizzare solo <Button> e impostare l'icona desiderata utilizzando l'attributo android:drawableLeft.

vedi Documentazione: https://developer.android.com/guide/topics/ui/controls/button.html

Answer 3

Con testo e un'icona, utilizzando la classe Button con la Android: drawableLeft attributo:

Prova questo:

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

Modificare l'immagine per rimuovere l'area extra intorno confine e impostare il immagine come sfondo

Answer 5

Ho fatto per voi.Salvare l'immagine e impostare come sfondo per il pulsante