[5] Image Button Effect (drawable)

1. Image Button Effect

drawble

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

* 이미지를 버튼의 백그라운드로 넣을 경우 누른 효과가 나지 않음.

* res/drawable 에 추가하여 정의.

* state_pressed 가 false일 경우 누르지 않은 상태의 이미지.

* state_pressed 가 true일 경우 눌렀을때의 이미지를 넣음.

Layout

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.sin.custombutton.MainActivity" android:orientation="vertical"> <Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/button"/> </LinearLayout>

* background 값을 @drawable/button 으로 위에서 정의한 xml 파일명을 넣음.

2. 결과화면

* 누르기 전의 버튼과 눌렀을때 변한 버튼의 모습