본문 바로가기

Android/XML

안드로이드/Android TextView에 drawable 이미지 삽입 하기

안드로이드/Android TextView에 drawable 이미지 삽입 하기


보통 레이아웃을 만들때, 이미지가 있고 옆에 Text를 삽입해야 하는 경우라면, ImageView와 TextView를 사용해서 레이아웃을 만들게 되는데요. TextView의 속성하나로 ImageView를 써야하는 번거로움을 줄일 수 있는 방법이 있습니다.


그녀석은 바로 

"android:drawableLeft" 

"android:drawableRight"

"android:drawableTop"

"android:drawableBottom"

속성들인데요. 


TextView의 텍스트를 기준으로 drawable을 배치 시켜 줍니다. 만약 "android:drawableLeft"  를 사용한 경우라면, 텍스트 기준 왼쪽에 drawable 이미지가 배치 됩니다. "android:drawableRight" 속성이라면 텍스트의 오른쪽에 배치 되겠죠?


다음은 텍스트와 이미지의 간격에 대해 알아 볼 텐데요 바로 "android:drawablePadding" 요녀석 입니다. 텍스트와 이미지 사이의 간격을 띄어 주는 속성인데요. Left, Right, Top, Bottom 속성에 상관없이 지정한 값만큼 텍스트와 이미지 사이의 간격을 띄어 줍니다. (2개 이상의 이미지를 동시에 삽입 한 경우도 똑같은 Padding 간격이 적용 됩니다.)


아래 화면의 XML 속성을 알아보겠습니다.

<TextView
       android:layout_width="wrap_content"
       android:layout_height="wrap_content"
       android:gravity="center"
       android:lines="1" 
       android:textSize="14sp"
       android:textColor="#ffffff"
       android:text="안녕하세요" 
       android:drawableLeft="@android:drawable/btn_star"
      android:drawablePadding="5dip"

       />


이미지뷰를 사용하지 않고, 멋지게 텍스트와 이미지를 동시에 보여주고 있네요. 자 그럼 각자 상황에 맞게 적용 하셔서 사용 하시기 바랍니다.~!