Nút Android có biểu tượng và văn bản

Tôi có một số nút như thế này trong ứng dụng của mình:

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

Tôi đang cố tạo một nút giống với văn bản và biểu tượng. android: drawableLeft không hoạt động đối với tôi (Có thể có, nhưng tôi không biết cách đặt chiều cao tối đa cho biểu tượng).

Vì vậy, tôi đã tạo LinearLayout với ImageView và TextView và làm cho nó hoạt động giống như một nút:

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

Nút mới của tôi là chính xác những gì tôi muốn (kích thước phông chữ, biểu tượng và vị trí văn bản). Nhưng nó không giống các nút mặc định của tôi:

Vì vậy, tôi đã thử, để thay đổi nền và màu văn bản của Nút mới của mình:

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

Điều này cho một kết quả kỳ lạ, nút cũ của tôi, bị lộn xộn:

Khi tôi thay đổi thứ tự của hai nút này trong XML, vì vậy "nút mới" đi trước, nó tạo ra một kết quả kỳ lạ khác:

Bây giờ tôi nhận thấy rằng khi tôi cố gắng nhấn nút cũ, nút mới sẽ được nhấn.

Có ý kiến ​​gì không?

Hãy thử cái này.

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

Để thêm hình ảnh vào trái, phải, trên hoặc dưới, bạn có thể sử dụng các thuộc tính như sau:

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

Mã mẫu được đưa ra ở trên. Bạn cũng có thể đạt được điều này bằng cách sử dụng bố cục tương đối.

Đối với bất kỳ ai muốn thực hiện điều này một cách động thì setCompoundDrawables(Drawable left, Drawable top, Drawable right, Drawable bottom)đối tượng nút sẽ hỗ trợ.

Mẫu vật

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

Đây là những gì bạn thực sự muốn.

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

Bạn có thể sử dụng Thư viện Thành phần Vật liệu và MaterialButtonthành phần.
Sử dụng các thuộc tính app:iconvà app:iconGravity="start".

Cái gì đó như:

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

Câu trả lời của @Liem Vo là đúng nếu bạn đang sử dụng android.widget.Button mà không cần ghi đè. Nếu bạn đang ghi đè chủ đề của mình bằng MaterialComponents, điều này sẽ không giải quyết được vấn đề.

Vì vậy, nếu bạn là

1. Sử dụng com.google.android.material.button.MaterialButton hoặc
2. Ghi đè AppTheme bằng MaterialComponents

Sử dụng ứng dụng: thông số biểu tượng .

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