안드로이드 - 7. 이미지 버튼 만들기

예제 출처 : https://www.inflearn.com/course/

예제 소스: 

https://github.com/GaKaRi/gakari_android/tree/master/Tutorial8_imgbtn/app/src/main

젤리빈 4.3버전에서 테스트되었습니다.

먼저 아래와 같이 버튼에 관한 이미지를 구한 뒤 res/drawable 폴더에 넣습니다.

버튼 이미지는 https://thenounproject.com/ 에서 구했습니다.

그 다음 button1.xml 파일을 아래와 같이 써줍니다.

res/drawable/button1.xml

새로 만든 버튼에 대한 이미지를 지정해주는 부분입니다.

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:drawable="@drawable/click"

        android:state_pressed="true"></item>

    <item android:drawable="@drawable/hover"

        android:state_focused="true"></item>

    <item android:drawable="@drawable/normal"></item>

</selector>

그다음 activity_main.xml에 버튼을 추가합니다. 이때 ImageButton을 이용해서 추가합니다.

오른쪽에 보면 srcCompat이 @drawable/button1로 된 것을 볼 수 있습니다.

이것은 위에서 만든 button1.xml을 의미합니다.

실행 화면

처음에 지정한 normal.png가 보입니다.

버튼에 포커스를 주거나 클릭을 하면 아래와 같이 버튼의 모양이 바뀝니다.