[Android] 버튼에 텍스트와 아이콘(이미지) 함께추가

프로젝트 진행 중에 버튼에 텍스트나 이미지만 넣는게 아니라, 텍스트와 이미지 또는 아이콘을 함께 넣고 싶을때가 있었다.

처음엔 텍스트하나와 아이콘 하나를 따로 추가하여 붙여두었다..

근데 워낙 자주 보이다보니, 더 쉬운 방법이 있을것 같아서 검색해보니 역시 있었다! (바보..)

 

 

망고플레이트 버튼 예시

배민 주소입력 탭 예시

이렇게 텍스트와 아이콘을 한 버튼에 추가해보자!

정말 간단하다

 

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.appcompat.widget.AppCompatButton
        android:id="@+id/address"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/address"
        android:textAppearance="@style/TextAppearance.AppCompat.Body2"
        android:drawableEnd="@drawable/ic_baseline_expand_more_24"
        android:textSize="20sp"
        app:layout_constraintBottom_toTopOf="parent"
        app:layout_constraintEnd_toStartOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"/>
        
</androidx.constraintlayout.widget.ConstraintLayout>

 

결과화면

AppCompatButton 위젯에  속성으로

android:drawableEnd="@drawable/아이콘"

을 추가해주고 넣고싶은 텍스트를 넣어주면, 텍스트와 함께 아이콘이 한 버튼에 들어간다

 

drawableEnd 대신 Top, Bottom, Start, End, Left, Right 모두 되는 것 같다!