[안드로이드] 드로어블 이미지 클릭 상태 변경

안드로이드에서 기본으로 제공되는 버튼이 있습니다.

버튼은 클릭시 상태가 변합니다. 클릭했다는 걸 알 수 있습니다.

버튼에는 이미지를 사용할 수 있습니다. 

이미지를 사용할 경우 버튼을 눌렀을때

변화가 보이지 않아 버튼을 눌렀는지 안 눌렀는지 알 수가 없습니다.

버튼을 눌렀을 떄, 안 눌렀을 때 상태 이미지를 등록해놓고 사용하면 됩니다.

 

1. 이미지 등록

이미지는 drawable폴더에 넣으시면 됩니다.

예) dog_64.png, cat_64.png 을 넣었습니다.

 dog_64.png

 cat_64.png

 

 

2. 기본상태, 클릭상태 설정 파일 만들기

drawable폴더에 새로운 xml파일을 생성합니다. ( drawable폴더 선택 마우스 오른쪽 클릭)

 

 

 

예)animal.xml 로 만들었습니다.

첫 번째 item태그안에 android:state_pressed="true"속성을 쓰고 클릭시 보여줄 이미지를 적고

두 번째 태그는 기본으로 보여질 이미지를 적으면 됩니다. 

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:state_pressed="true"
 android:drawable="@drawable/dog_64"/>

 <item android:drawable="@drawable/cat_64"/>
</selector>

 

3. 사용하기

버튼의 background에 직접 만든 animal.xml의 xml을 빼고 적어 놓고 

실행을 시키면 기본으로 고양이가 나옵니다.

클릭하면 강아지로 변경되는 것을 볼 수 있습니다.

<Button
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:background="@drawable/animal"
 />