[Android] ImageButton에 Selector 효과 적용하기

ImageButton을 이용하여 클릭했을 경우, 포커스 있을 경우, 눌렀을 경우 등등 이벤트를 발생하는 법을 알려드리겠습니다.

이와 같은 효과를 얻기 위해서는 SELECTOR라는 속성을 이용해야 합니다.

1. drawable 폴더에 "btn_on.png","btn_off.png","icon_on_off.xml" 을 생성합니다.

2. icon_on_off.xml 을 열어 아래 코드를 삽입합니다.

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
     <!-- selected -->
     <item android:state_selected="true"
        android:drawable="@drawable/btn_on" />
     <!-- pressed -->
     <item android:state_pressed="true"
        android:drawable="@drawable/btn_on" />
    <!-- focused -->
    <item android:state_focused="true"
        android:drawable="@drawable/btn_on" />
    <!-- default -->
    <item android:drawable="@drawable/btn_off" />
</selector>

※ 여기서 주의할 점 default 이미지 값은 맨 하단에 명시해야 정상적으로 작동된다는 점 잊지 마세요!!

3. ImageButton 을 사용하는 레이아웃 XML 파일을 열어서 아래와 같이 속성을 지정합니다.

<ImageButton android:text="Button On Off" 
   android:id="@+id/menu1" 
  android:background="#000000"
  android:src="@drawable/menu_n1" 
  ... ></ImageButton>

※ 여기서 또 주의할 점 background에 #00000000을 넣어주지 않으면 안드로이드 기본 버튼 위에 이미지를 올린다는 점!

4. 끝 ^^

여러분 모두 다이나믹하고 멋진 레이아웃 구성해 보시길 바랍니다..ㅎㅎ

p.s) 다양한 상태에 따른 이미지 지정도 가능 하다는 점.. ^^

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

[출처]안드로즈님의 블로그