[Android] 객체에 글자와 이미지 한 번에 넣기! (drawableLeft)

안드로이드 어플을 만들다가 Button의 끝이나 Textview의 끝에 이미지나 아이콘을 넣어야 할 때가 종종 있다.

그럴때마다 글자와 이미지의 Layout을 나누어 이미지를 넣었지만 정말 불편하고 번거로운 방식이었다.

 

하지만 drawable~~ 속성을 이용하면 쉽다!

---

🤔 그래서, 언제 사용하는 걸까?

TextView나 Button과 같은 객체 안에서 글자와 이미지를 한 번에 사용하고 싶을 때, 유용하게 사용할 수 있다.

이런 식으로 글자와 이미지를 한 번에 사용 해야할 때

 

---

✏️ 사용 방법

종류는 이렇게 6가지가 있다.

• android:drawableLeft - 객체를 기준으로 왼쪽에 이미지 출력.
• android:drawableTop - 객체를 기준으로 위쪽에 이미지 출력.
• android:drawableRight - 객체를 기준으로 오른쪽에 이미지 출력.
• android:drawableBottom - 객체를 기준으로 아래쪽에 이미지 출력.

(아래 두 가지는 Android 4.2 (API Level 17)부터 사용 가능하다.)

• android:drawableStart - 텍스트를 기준으로 시작 위치에 이미지 출력.
• android:drawableEnd - 텍스트를 기준으로 끝 위치에 이미지 출력.

---

🔥 사용 예시

예를 들어

아래와 같은 글자와 이미지를 넣고 싶을 때

 

아래와 같은 방식으로 사용하면 된다.

이 경우에는 android:drawableRight 뿐만 아니라 android:drawableEnd 도 사용 가능하다.

<Button
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:text="날짜를 선택해주세요"
     android:drawableRight="@drawable/arrow"
     android:layout_marginTop="12dp"
     android:gravity="left"/>