프로그래밍/Android

버튼 눌렸을 때 이미지 변경하기(Selector)

우진샘 2013. 6. 10. 11:04

버튼 눌렸을 때 이미지 변경하기(Selector)

1. 평상시 보여질 버튼 이미지와 눌렸을 경우 보여질 버튼 이미지를 drawable 폴더에 복사한다.
    평상시 : arrow_left_normal.png
               


    눌릴경우 : arrow_left_clicked.png
                



2. button_selector.xml파일을 아래와 같이 만들어 drawable 폴더에 저장한다.

<?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⁄arrow_left_clicked"
		⁄>
	<item
		android:state_focused="true"
		android:state_pressed="true"
		android:drawable="@drawable⁄arrow_left_clicked"
		⁄>
	<item
		android:state_focused="false"
		android:state_pressed="true"
		android:drawable="@drawable⁄arrow_left_clicked"
		⁄>
	<item
		android:drawable="@drawable⁄arrow_left_normal"
		⁄>
<⁄selector>


3. 위에서 작성한 xml파일을 버튼의 배경이미지로 불러서 사용한다.

<?xml version="1.0" encoding="UTF-8"?>
<LinearLayout
	android:layout_height="fill_parent"
	android:layout_width="fill_parent"
	android:orientation="vertical"
	xmlns:android="http:⁄⁄schemas.android.com⁄apk⁄res⁄android">
	<RelativeLayout
		android:layout_height="wrap_content"
		android:layout_width="fill_parent"
		android:id="@+id⁄LinearLayout01">
		<Button
			android:layout_height="74dp"
			android:layout_width="46dp"
			android:id="@+id⁄arrowLeftBtn"
			android:background="@drawable⁄button_selector"
			android:layout_marginLeft="10dp"
			android:layout_marginTop="10dp"
			android:layout_alignParentLeft="true"
		⁄>
	<⁄RelativeLayout>
<⁄LinearLayout>