アイコンとテキストのAndroidボタン

私のアプリには次のようなボタンがいくつかあります。

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

テキストとアイコンで同じボタンを作成しようとしています。android：drawableLeftは私には機能しません（多分それは機能しますが、アイコンに最大の高さを設定する方法がわかりません）。

そこで、ImageViewとTextViewを使用してLinearLayoutを作成し、ボタンのように機能させました。

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

私の新しいボタンはまさに私が欲しいものです（フォントサイズ、アイコン、テキストの配置）。しかし、それは私のデフォルトのボタンのようには見えません：

そこで、新しいボタンの背景とテキストの色を変更しようとしました。

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());

これは奇妙な結果をもたらします、私の古いボタンはめちゃくちゃになります：

XMLでこれら2つのボタンの順序を変更して、「新しいボタン」が最初に表示されると、別の奇妙な結果になります。

古いボタンを押そうとすると、新しいボタンが押されることに気づきました。

何か案は？

これを試してください。

<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"/>

左、右、上、または下に画像を追加するには、次のような属性を使用できます。

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

サンプルコードは上記のとおりです。相対レイアウトを使用してこれを実現することもできます。

これを動的に実行しようとしsetCompoundDrawables(Drawable left, Drawable top, Drawable right, Drawable bottom)ている人は、ボタンオブジェクトが役立ちます。

サンプル

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

これはあなたが本当に欲しいものです。

<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" />

マテリアルコンポーネントライブラリとコンポーネントを使用できMaterialButtonます。および属性を
使用します。app:iconapp:iconGravity="start"

何かのようなもの：

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

オーバーライドせずにandroid.widget.Buttonを使用している場合、@ LiemVoの答えは正しいです。MaterialComponentsを使用してテーマをオーバーライドしている場合、これでは問題は解決しません。

だからあなたが

1. com.google.android.material.button.MaterialButtonまたは
2. MaterialComponentsを使用してAppThemeをオーバーライドする

app：iconパラメーターを使用します。

<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" />