이미지와 텍스트가 함께 있는 버튼

 

이미지와 텍스트가 함께 있는 Button은, 커스텀 오브젝트를 만들어 쓰는 경우가 많지만,

기본 Button에서 동일한 기능을 지원합니다.

drawableTop, drawablePadding속성을 이용하면 만들어 쓸 수 있습니다.

 

 

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <Button
            android:id="@+id/sub_button1"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/color_background_white"
            android:drawableTop="@drawable/ic_delete"
            android:drawablePadding="16dp"
            android:paddingLeft="16dp"
            android:paddingTop="16dp"
            android:paddingRight="16dp"
            android:paddingBottom="16dp"
            android:text="@string/delete"
            android:textColor="@color/color_text_red" />
        <Button
            android:id="@+id/sub_button2"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/color_background_white"
            android:drawableTop="@drawable/ic_edit"
            android:drawablePadding="16dp"
            android:paddingLeft="16dp"
            android:paddingTop="16dp"
            android:paddingRight="16dp"
            android:paddingBottom="16dp"
            android:text="@string/edit"
            android:textColor="@color/color_text_black" />

        <Button
            android:id="@+id/sub_button3"
            android:layout_weight="1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:background="@color/color_background_white"
            android:drawableTop="@drawable/ic_share"
            android:drawablePadding="16dp"
            android:paddingLeft="16dp"
            android:paddingTop="16dp"
            android:paddingRight="16dp"
            android:paddingBottom="16dp"
            android:text="@string/share"
            android:textColor="@color/color_text_black" />
    </LinearLayout>