Pulsante Android con icona e testo

Ho alcuni pulsanti come questo nella mia app:

    <Button
        android:id="@+id/bSearch"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:padding="16dp"
        android:text="Search"
        android:textSize="24sp" />

Sto cercando di creare uno stesso pulsante con testo e un'icona. android: drawableLeft non funziona per me (forse lo farebbe, ma non so come impostare un'altezza massima per l'icona).

Quindi ho creato un LinearLayout con ImageView e TextView e l'ho fatto agire come un pulsante:

    <LinearLayout
        android:id="@+id/bSearch2"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="@android:drawable/btn_default"
        android:clickable="true"
        android:padding="16dp"
        android:orientation="horizontal" >

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="5dp"
            android:adjustViewBounds="true"
            android:maxHeight="30dp"
            android:maxWidth="30dp"
            android:scaleType="fitCenter"
            android:src="@drawable/search_icon" />

        <TextView
            android:id="@+id/tvSearchCaption"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:textSize="24sp"
            android:paddingRight="30dp"
            android:gravity="center"
            android:text="Search" />
    </LinearLayout>

Il mio nuovo pulsante è esattamente quello che voglio (dimensione del carattere, icona e posizionamento del testo). Ma non sembra i miei pulsanti predefiniti:

Quindi ho provato a cambiare lo sfondo e il colore del testo del mio nuovo Button:

Button Search = (Button) findViewById(R.id.bSearch);
LinearLayout bSearch2 = (LinearLayout) findViewById(R.id.bSearch2);
bSearch2.setBackground(bSearch.getBackground());
TextView tvSearchCaption = (TextView)findViewById(R.id.tvSearchCaption);
tvSearchCaption.setTextColor(bSearch.getTextColors().getDefaultColor());

Questo dà uno strano risultato, il mio vecchio pulsante, si incasina:

Quando cambio l'ordine di questi due pulsanti nell'XML, quindi il "nuovo pulsante" va per primo, produce un altro strano risultato:

Ora ho notato che quando provo a premere il vecchio pulsante, viene premuto quello nuovo.

Qualche idea?

Prova questo.

<Button
    android:id="@+id/bSearch"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="16dp"
    android:text="Search"
    android:drawableLeft="@android:drawable/ic_menu_search"
    android:textSize="24sp"/>

Per aggiungere un'immagine a sinistra, a destra, in alto o in basso, puoi utilizzare attributi come questo:

android:drawableLeft
android:drawableRight
android:drawableTop
android:drawableBottom

Il codice di esempio è fornito sopra. Puoi anche ottenere ciò utilizzando il layout relativo.

Per chiunque cerchi di farlo dinamicamente setCompoundDrawables(Drawable left, Drawable top, Drawable right, Drawable bottom), l'oggetto pulsanti aiuterà.

Campione

Button search = (Button) findViewById(R.id.yoursearchbutton);
search.setCompoundDrawables('your_drawable',null,null,null);

Questo è quello che vuoi veramente.

<Button
       android:id="@+id/settings"
       android:layout_width="190dp"
       android:layout_height="wrap_content"
       android:layout_gravity="center_horizontal"
       android:background="@color/colorAccent"
       android:drawableStart="@drawable/ic_settings_black_24dp"
       android:paddingStart="40dp"
       android:paddingEnd="40dp"
       android:text="settings"
       android:textColor="#FFF" />

È possibile utilizzare la libreria dei MaterialButtoncomponenti dei materiali e il componente.
Usa gli attributi app:icone app:iconGravity="start".

Qualcosa di simile a:

  <com.google.android.material.button.MaterialButton
        style="@style/Widget.MaterialComponents.Button.Icon"
        app:icon="@drawable/..."
        app:iconGravity="start"
        ../>

La risposta di @Liem Vo è corretta se stai usando android.widget.Button senza alcun override. Se stai sovrascrivendo il tuo tema usando MaterialComponents, questo non risolverà il problema.

Quindi se lo sei

1. Utilizzando com.google.android.material.button.MaterialButton o
2. Sostituzione di AppTheme utilizzando MaterialComponents

Usa app: parametro icona .

<Button
    android:id="@+id/bSearch"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:padding="16dp"
    android:text="Search"
    android:textSize="24sp"
    app:icon="@android:drawable/ic_menu_search" />