想要在Button上添加图标，drawableTop无法正常工作

Question

I want to add call icon on Button but drawableTop is not working.

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp">
        <Button
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:drawableTop="@android:drawable/ic_menu_call"
            android:layout_height="match_parent"
            android:layout_weight="1" />
    </LinearLayout>

Answer 1

Replace your Button with AppCompatButton

<LinearLayout
        android:layout_width="match_parent"
        android:layout_height="60dp">

        <android.support.v7.widget.AppCompatButton
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:drawableTop="@android:drawable/ic_menu_call"/>
</LinearLayout>

Answer 2

添加定位到你LinearLayout ，决定是否要设置android:layout_weight而设置android:layout_width="wrap_content"和android:layout_height="match_parent" ，并设置文本的按钮。

Answer 3

You can also define the icon in drawableStart like in this way:

                    <Button
                        android:id="@+id/imageView3"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:background="@color/black_overlay"
                        android:drawableStart="@drawable/ic_menu_call"
                        android:padding="15dp"
                        android:text="Click here"
                        android:textStyle="bold" />

The padding, text style and background color is only for the decoration.

Answer 4

when using androidx with the material ui library instead of the support library

implementation 'com.google.android.material:material:1.0.0'

you will need to use

<androidx.appcompat.widget.AppCompatButton
    android:id="@+id/button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:drawableTop="@android:drawable/ic_menu_camera"
    android:text="Camera" />